如何在AngularJS模板中有条件地显示跨度?

亚历克斯·雷诺兹

我有以下对象列表:

[
    { "name" : "foo", "description" : "description of foo..." },
    { "name" : "bar", "description" : "description of bar..." },
    { "name" : "baz" },
    ...
]

所有对象都有一个name,但有些对象有一个关联description,其余的则没有。

我使用下面的模板,将一个input字段连接到typeahead,以显示每个匹配的对象:

<script type="text/ng-template" id="my-template.html">
    <a style="text-align: left;">
        <span style="font-size: 18px; display:block;">{{match.model.name}}</span> 
        <span ng-show="typeof({{match.model.description}}) !== 'undefined'">{{match.model.description}}</span>
    </a>
</script>

我希望模板description仅在定义其值时显示,但是我使用ng-showreturn会解析错误。

仅当此对象键(及其值)可用时,才应使用ng-show或其他指令呈现description

Anees Bouhachem
<script type="text/ng-template" id="my-template.html">
    <a style="text-align: left;">
        <span style="font-size: 18px; display:block;">{{match.model.name}}</span> 
        <span ng-show="match.model.description">{{match.model.description}}</span>
    </a>
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular中有条件地渲染?

来自分类Dev

如何在Excel中有条件地匹配

来自分类Dev

如何在Excel中有条件地VLOOKUP?

来自分类Dev

如何在angularJS指令中有条件地应用属性?

来自分类Dev

如何在AngularJS中有条件地应用指令?

来自分类Dev

如何在AngularJS中有条件地设置所选属性

来自分类Dev

如何在angularJS指令中有条件地应用属性?

来自分类Dev

如何在angularjs中有条件地应用css类

来自分类Dev

如何在有条件的js中有条件地应用标题

来自分类Dev

如何在Ionics中有条件地隐藏和显示选项卡?

来自分类Dev

如何在PrimeFaces中有条件地隐藏/显示或启用/禁用菜单项?

来自分类Dev

如何在Vuejs中有条件地显示数据

来自分类Dev

在AngularJS应用中有条件地注入模块

来自分类Dev

在AngularJS中有条件地调用函数

来自分类Dev

在AngularJS中有条件地绑定数据

来自分类Dev

在AngularJS中有条件地调用函数

来自分类Dev

AngularJS在应用页面上的导航栏中有条件地显示登录/注销按钮

来自分类Dev

如何在JSP页面中有条件地显示div而不是另一个div的内容?

来自分类Dev

如何在自定义对话框中有条件地显示某些组件?

来自分类Dev

如何在JSP页面中有条件地显示div而不是另一个div的内容?

来自分类Dev

显示动作在MVC中有条件地链接

来自分类Dev

在 Angular 中有条件地显示表格

来自分类Dev

如何在useEffect中更新状态的条件组件中有条件地渲染?

来自分类Dev

如何使用AngularJS在HTML文件中有条件地插入字符串?

来自分类Dev

流星有条件地显示嵌套模板

来自分类Dev

有条件地在 freemarker 模板中显示行

来自分类Dev

如何在R中的数据框中有条件地选择列

来自分类Dev

如何在Meteor 1.0中有条件地加载/捆绑CSS文件?

来自分类Dev

如何在Swift中有条件地为tvOS编译

Related 相关文章

  1. 1

    如何在Angular中有条件地渲染?

  2. 2

    如何在Excel中有条件地匹配

  3. 3

    如何在Excel中有条件地VLOOKUP?

  4. 4

    如何在angularJS指令中有条件地应用属性?

  5. 5

    如何在AngularJS中有条件地应用指令?

  6. 6

    如何在AngularJS中有条件地设置所选属性

  7. 7

    如何在angularJS指令中有条件地应用属性?

  8. 8

    如何在angularjs中有条件地应用css类

  9. 9

    如何在有条件的js中有条件地应用标题

  10. 10

    如何在Ionics中有条件地隐藏和显示选项卡?

  11. 11

    如何在PrimeFaces中有条件地隐藏/显示或启用/禁用菜单项?

  12. 12

    如何在Vuejs中有条件地显示数据

  13. 13

    在AngularJS应用中有条件地注入模块

  14. 14

    在AngularJS中有条件地调用函数

  15. 15

    在AngularJS中有条件地绑定数据

  16. 16

    在AngularJS中有条件地调用函数

  17. 17

    AngularJS在应用页面上的导航栏中有条件地显示登录/注销按钮

  18. 18

    如何在JSP页面中有条件地显示div而不是另一个div的内容?

  19. 19

    如何在自定义对话框中有条件地显示某些组件?

  20. 20

    如何在JSP页面中有条件地显示div而不是另一个div的内容?

  21. 21

    显示动作在MVC中有条件地链接

  22. 22

    在 Angular 中有条件地显示表格

  23. 23

    如何在useEffect中更新状态的条件组件中有条件地渲染?

  24. 24

    如何使用AngularJS在HTML文件中有条件地插入字符串?

  25. 25

    流星有条件地显示嵌套模板

  26. 26

    有条件地在 freemarker 模板中显示行

  27. 27

    如何在R中的数据框中有条件地选择列

  28. 28

    如何在Meteor 1.0中有条件地加载/捆绑CSS文件?

  29. 29

    如何在Swift中有条件地为tvOS编译

热门标签

归档