angularjs html代码到指令中的符号不​​起作用

Question

crmApp.directive('udArrow', function() { 
return { 
    Restrict: 'A', 
    link: function (scope, element, attrs) { 
     var upArrow = '↑'; 
     var downArrow = '&#8595'; 
     scope.resultTemplate = ''; 
     if (attrs.val1 > attrs.val2) { 
      scope.resultTemplate =(upArrow); 
     } 
     else { 
      scope.resultTemplate = (downArrow); 
     } 
    }, 
    template: '<span>{{resultTemplate}}</span>' 
} 

}）;

结果是（我的目的不是为了弥补箭头而分开的分号） &＃x2191;

我也很欣赏更好的解决方案。 :)

Answer 1

使用ng-bind-html

crmApp.directive('udArrow', function() { 
return { 
    Restrict: 'A', 
    link: function (scope, element, attrs) { 
     var upArrow = '↑'; 
     var downArrow = '&#8595'; 
     scope.resultTemplate = ''; 
     if (attrs.val1 > attrs.val2) { 
      scope.resultTemplate =(upArrow); 
     } 
     else { 
      scope.resultTemplate = (downArrow); 
     } 
    }, 
    template: '<span><div ng-bind-html="resultTemplate"></div></span>' 
}