Angularjs Директива: - область не определена ошибка

Question

myApp.directive('qsetAnswer', function(){ 
    var linker = function(scope,element,attr) { 
    console.log(scope.body); // this prints fine. 
    }; 
    return { 
    restrict:'A', 
    scope: '=info', 
    template: '<h5> ' + scope.body + ' </h5>', // this gives error. 
    link: linker 
    } 
}); 

выше дает: - область не определила ошибку

Edit: - проблема с template: '<h5>{{body}}</h5>', что мой {{body}} уже содержит HTML то есть. <p> abc </p> делать это как template: '{{body}}' отпечатки <p> abc </p> как строка.

Answer 1

Поскольку вы привязываете HTML к шаблону, вы можете использовать директиву ng-bind-html.

Это предполагает, что вы используете Угловое 1.2+

template: '<h5 ng-html-bind="{{body}}"></h5>', 

Для угловых < 1.2, используйте

template: '<h5 ng-html-bind-unsafe="{{body}}"></h5>', 

Если вы столкнулись с проблемами $ ScE с версией 1.2+, прочитайте следующие:

• http://docs.angularjs.org/guide/migration#nghtmlbindunsafe-has-been-removed-and-replaced-by-nghtmlbind
• http://docs.angularjs.org/api/ng.$sce

Вы можете сказать, Угловое доверять своему HTML, например, так:

$scope.ans = $sce.trustAsHtml(' hi <bold> p </bold>');