美文网首页ElementABC
使用angular.js在一个标签里取两个值并换行的写法

使用angular.js在一个标签里取两个值并换行的写法

作者: ElementABC | 来源:发表于2017-11-01 18:31 被阅读0次

在做项目的时候,经常遇到再一个HTML标签里面需要用angular取两个值得情况,这不是一个新鲜的问题,但是有时候需要在两个值内添加特殊符号或者其他HTML的情况。本人因为在使用的时候,遇到缓存问题,曾经换过几种写法都没有成功的情况,所以总结一下,以免以后进入误区。
angular有很多在一个标签里取两个值的案例,比如在过滤器里面就有过以下的例子:

<li ng-repeat="x in names | orderBy:'country'">
    {{ x.name + ', ' + x.country }}
</li>

取值的时候添加符号的写法有案例可寻,可是添加HTML标签呢?比如换行符。
我在项目中使用过以下写法:

{{x.name}}<br />{{x.country}}

由于浏览器的缓存问题,这个写法的前端一直显示不出来,让我十分困惑。后来改了几种写法,反而与要求越来越远,最后在清理缓存之后才得以正常显示。

相关文章

  • 使用angular.js在一个标签里取两个值并换行的写法

    在做项目的时候,经常遇到再一个HTML标签里面需要用angular取两个值得情况,这不是一个新鲜的问题,但是有时候...

  • HTML -- Paragraph

    段落 段落使用 标签表示 标签会移除多余的空白字符(换行或空格),并装换成一个空格 如果要新起一行,使用 标签...

  • Markdown 设置段首缩进 换行

    换行:* 方法1: 连续两个以上空格+回车* 方法2:键入 html 语言换行标签: 段首缩进:使用特殊占...

  • MarkDown的换行

    经常使用想使用回车换行,但是总是有问题,这个时候就可以使用html的标签 html换行标签->

  • html基础知识总结

    单标签 < hr> 放在body标签里表示横线 < br> 在body标签里表示换行 注释符号 在body标签里...

  • MarkDown文章测试

    一级标题 二级标题 三级标题 四级标题 一个回车小换行一个回车小换行两个回车大换行 两个回车大换行 标签超大换行 ...

  • 过来人教你如何打好web前端基础——系统学习HTML

    单标签 ◆注释标签 ctrl+/ ◆水平线标签 ◆换行标签 双标签 ◆段落标签 ◆h1-h6 值只能取到6 h1在...

  • 002数据绑定

    1 ng-app命令,加在标签上,如 表示这个标签会被angular.js管理 2 {{}}angular.js用...

  • MarkDown基本语法

    h1标签# h1标签 h5标签#h5标签 换行 换行换行换行换行换行换行换行换 行换行换行 引用> 引用 code...

  • HTML基础学习-br标签

    br标签,如何在HTML中换行?可以使用br标签 1.br标签作用:换行 2.格式 br标签的注意点 1)多个br...

网友评论

    本文标题:使用angular.js在一个标签里取两个值并换行的写法

    本文链接:https://www.haomeiwen.com/subject/jligpxtx.html