javascript - Masalah pendakap kerinting berganda {{}} dalam angular.js

Question

<p 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>

</p>

Seperti tajuknya, dalam kod di atas, saya perlu mendapatkan nilai $index sebagai parameter Dalam li pertama, saya perlu menambah {{}} untuk mendapatkan nilai, tetapi dalam li kedua, saya tidak. t perlu menambahnya; ?

Answer 1

Untuk menghuraikan data dalam HTML asli, anda perlu menggunakan {{}} untuk mengikat data, tetapi tidak ada keperluan untuk ini di sebalik arahan ng.

Answer 2

{{ $var }}包裹的模板变量，当需要直接输出变量值，而无需额外解析（如过滤器处理、作为指令参数、作为函数参数）时使用，反之，ng-click="jump('/myDetail/'+ $index)" ialah parameter yang dipanggil dalam arahan.

Answer 3

Kriteria mudah ialah

• Jika jenis yang diberikan kepada atribut semasa ialah jenis literal, seperti atribut dalam templat HTML atau atribut dengan @ sebagai pengubah suai dalam arahan, maka jika kurungan kerinting berganda tidak ditambah semasa memberikan nilai, ia akan dikira sebagai literal Ya, jika anda ingin menghuraikannya sebagai pembolehubah, anda perlu menambah pendakap kerinting berganda.

• Jika jenis yang diberikan kepada atribut semasa ialah jenis bukan rentetan, seperti pelbagai arahan terbina dalam dalam templat sudut, atau atribut yang diubah suai dengan <、=、& dalam arahan, maka tugasan akan dihuraikan mengikut peraturan sintaks js. Dalam kes ini Tidak perlu menambah pendakap kerinting.

Answer 4

Terangkan dahulu dua jenis dalam Sudut:

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

Kemudian anda boleh merujuk kepada konteks untuk menentukan sama ada anda menulis bahagian seperti JS atau menulis literal rentetan, supaya mudah untuk menilai sama ada anda memerlukan templat atau ungkapan.