Angular指令呈现HTML标记，我该如何阻止它？

Question

我有一个角指令：

<some-dir text="{{characterDescription}}"></some-dir> 


app.directive('someDir', function() { 

    "use strict"; 

    return { 
     restrict: 'E', 
     transclude: false, 
     // replace: true, 
     template: '<p></p>', 
     scope: { 
      text: '@' 
     }, 
     link: function(scope, elem) { 

      elem.append(scope.text); 
     } 
    }; 
}); 

被传递到它的文字是这样的：

{ 
    characterDescription : <b>tall</b> 
} 

目前，它的渲染HTML，所以我看到高大 ，但我希望它将HTML视为纯文本，所以我想看看<b>tall</b>。

有没有在我的指令中完成这一点的角度方式？

Answer 1

elem.text(sometext) 

这不会将字符串解释为HTML，如您在文档中所看到的。 jQuery.text() Docs

Answer 2

你可以使用

elem.text(scope.text); 

这里的工作小提琴：http://jsfiddle.net/1dL16fof/

和文档：http://api.jquery.com/text/#text2

---

编辑拍在评论中回答。