Saya memiliki loop sederhana dengan ng-repeat
seperti ini:
<li ng-repeat='task in tasks'>
<p> {{task.name}}
<button ng-click="removeTask({{task.id}})">remove</button>
</li>
Ada fungsi di controller $scope.removeTask(taskID)
.
Sejauh yang saya tahu, Angular pertama-tama akan menampilkan tampilan dan mengganti yang diinterpolasi {{task.id}}
dengan angka, dan kemudian, pada acara klik, akan mengevaluasi ng-click
string.
Dalam hal ini ng-click
mendapatkan sepenuhnya apa yang diharapkan, yaitu: ng-click="removeTask(5)".
Namun ... itu tidak melakukan apa-apa.
Tentu saja saya dapat menulis kode untuk mendapatkan task.id
dari $tasks
array atau bahkan DOM, tetapi ini tidak tampak seperti cara Angular.
Jadi, bagaimana seseorang dapat menambahkan konten dinamis ke ng-click
dalam sebuah ng-repeat
loop?
sumber
ng-click
ekspresi Anda tidak menggunakan tanda kurung, yaitung-click="taskData.currentTaskId = task.id"
Satu hal yang benar-benar membuat saya terhenti, adalah ketika saya memeriksa html ini di browser, alih-alih melihatnya diperluas menjadi seperti:
Saya melihat:
Namun, yang terakhir bekerja!
Ini karena Anda berada di "Dunia Sudut", ketika di dalam ng-klik = "" Sudut semua siap tahu tentang task.id karena Anda berada di dalam model itu. Tidak perlu menggunakan Data binding, seperti pada {{}}.
Lebih lanjut, jika Anda ingin melewatkan objek tugas itu sendiri, Anda bisa menyukai:
sumber
Juga patut dicatat, bagi orang-orang yang menemukan ini dalam pencarian mereka, apakah ini ...
Perhatikan nilai
ng-click
. Parameter yang diteruskan kegoTo()
adalah string dari properti objek yang mengikat (thebutton
), tetapi tidak dibungkus dengan tanda kutip. Sepertinya AngularJS yang menangani itu untuk kita. Saya menutup telepon selama beberapa menit.sumber
ini bekerja. Terima kasih. Saya menyuntikkan html khusus dan kompilasi menggunakan sudut pada controller.
sumber
Jawaban di atas sangat bagus. Anda dapat melihat contoh kode lengkap berikut ini sehingga Anda benar-benar tahu cara menggunakannya
sumber
HTML:
Java Script:
sumber
Ini adalah pengulangan dengan fungsi klik ng dan untuk menambahkan dengan slider
sumber