javascript - angular.js 中的双花括号{{}}问题

问题描述

问 题

<div ng-controller="listCtrl">
    <h1>这是列表页面</h1>
    <ul>
        <li ng-repeat="item in myList"><a href="#/myDetail/{{$index}}">{{item}}</a></li>
        <li ng-repeat="item in myList"><button ng-click="jump('/myDetail/'+$index)">{{item}}</button></li>
    </ul>

</div>

如题，如上的代码中，我需要取到$index值作为参数,在第一个li中需要加{{}}才能取到值，而第二个li中不需要加；这个该如何区分？？

解决方案

先说明下Angular中的两种类型：

模板：格式为{{...}}，实质是字符串，会被解析引擎展开成可以识别的字符串文本
表达式：可以直接运行的代码，和JS写法基本一致，只是省略了所有的this。

然后你可以参照一下上下文，确定你现在是在写类似JS的部分，还是在写一个字符串文本，这样就容易判断你是需要模板还是表达式了。

这篇关于javascript - angular.js 中的双花括号{{}}问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！