完全阻止在angular指令中显示花括号？

Question

我希望永远不会向用户显示花括号。 我知道ng-cloak，但它似乎没有隐藏它们在链接功能...

以下是角度文档修改后的plunker。

我将ng-cloak添加到my-pane.html：

<div class="tab-pane ng-cloak ng-cloak" ng-cloak ng-show="selected">

和css for ng-cloak to index.html：

 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, 
 .x-ng-cloak {
   display: none !important;
 }

用于链接'myPane'指令功能的断点：

  link: function(scope, element, attrs, tabsCtrl) {
    tabsCtrl.addPane(scope);
    debugger;
  },

打开开发工具并重新运行插件。当执行在断点处停止时，用户可以看到卷曲括号。

是否有可能以某种方式解决它 - 角度方式会很好：）

Answer 1

使用ng-bind代替{{}}，因为它旨在阻止您遇到的问题。请参阅此SO答案：AngularJS : Why ng-bind is better than {{}} in angular?