代码之家 › 专栏 › 技术社区 › joeriks

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

directive angularjs

joeriks · 技术社区 · 11 年前

我喜欢一个有条件地将标记放在某些内容之外(但总是打印内容)的指令,如下所示:

<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建议使用<强烈>与一些使用粗体字体的类相比。

1 回复 | 直到 11 年前

Davide Icardi i3arnon 11 年前

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

如果

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

在您的特定情况下,您也可以使用 ng-class 并通过css设置强样式。

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前