AngularJS вложенными нг-связывания на элементах

Думайте я что-то просто не хватает здесь, но вот мой вопрос:AngularJS вложенными нг-связывания на элементах

<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. Есть ли другой способ?

2014-08-05 Mr Office

Для предотвращения скобки мигания, используйте ng-cloak скрыть компиляции Угловая:

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

2014-08-05 14:52:57 tymeJV

ng-cloack является решением.

Не забудьте добавить следующий CSS, если вы хотите использовать его

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

2014-08-05 14:56:52 Polochon

Хорошая точка отметить. Я использую MeanJS, так что это уже включено. –

ответ