javascript - AngularJS 在元素上嵌套 ng-bind

Question

认为我在这里遗漏了一些简单的东西，但这是我的问题：

 <h4 ng-bind="example.heading">
  <small ng-bind="example.subheading"></small>
 </h4>

不起作用 - 如果ng-bind替换标签内的内容，那么我是否必须改用{{}}语法？像这样，

<h4>{{example.heading}}<small ng-bind="example.subheading"></small></h4>

我喜欢括号不会短暂闪烁的想法，所以我选择了ng-bind. 还有其他方法吗？

score 3 · Accepted Answer

为了防止括号闪烁，使用ng-cloak隐藏编译Angular：

<body ng-controller="myCtrl" ng-cloak>
    <h4>{{example.heading}}<small ng-bind="example.subheading"></small></h4>
</body>

score 0 · Accepted Answer

ng-cloack是解决方案。

如果您想使用它，请不要忘记添加以下 css

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

2 回答 2