指令中的条件外部标记(即<strong>)</strong>

时间:2013-10-10 07:20:22

标签: angularjs directive

我喜欢有条件地将标签放在某些内容之外(但始终打印内容)的指令,如下所示:

<p><strong ng-if-always-keep-inner-content="model.condition">{{model.text}}</strong>/p>

所以如果条件为真我得

<p><strong>yada yada</strong></p>

否则我得到

<p>yada yada</p>

我可以自己编写,但我想知道是否可以使用内置指令/选项。

我或许应该说这与Bootstrap一起使用,afaiu建议使用&lt; strong&gt; vs一些带粗体字的类。

1 个答案:

答案 0 :(得分:5)

我认为没有内置指令。你应该写下来。

我建议使用经典的ng-if

<p ng-if="model.condition"><strong>{{model.text}}</strong></p>
<p ng-if="!model.condition">{{model.text}}</p>

在您的具体情况下,您还可以使用ng-class并通过css设置强风格。