ElementABC

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

2017-11-01  本文已影响0人  ElementABC

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

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

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

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

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

上一篇下一篇

猜你喜欢

热点阅读