Bir bağlı değişkeni ng tıklama işlevine nasıl geçirebilirsiniz?

Question

Bir dize veya sayıyı kabul edecek ancak bir ng-model değişkeni kabul etmeyecek basit bir silme düğmem var (bu doğru bir terminoloji olup olmadığından emin değil). Tıkladığımda

<button class="btn btn-danger" ng-click="delete('503a9742d6df30dd77000001')">delete</button> 

Ancak hiçbir şey olmaz: üretir

<button class="btn btn-danger" ng-click="delete('{{submission.id}}')">delete</button> 

. Eğer bir değişkeni kodlarsa, o zaman iyi çalışır. Ben sadece şeyler "Eğik" yol yapmıyorum varsayalım, ama ben bu şekilde

İşte benim denetleyicisi kod :) ne olduğundan emin değilim: Kullanılacak gerekmez

$scope.delete = function (id) { 
    alert('delete ' + id); 
} 

Answer 1

ng-click kıvırcık dirsekleri ({{}}), bu deneyin:

<button class="btn btn-danger" ng-click="delete(submission.id)">delete</button> 

Answer 2

ngClick yönergesi, ifade bağlanır. {{ }}'a gerek olmadan doğrudan Açısal kodu (ngIf, ngChange, vb.) Yürütür.

angular.module('app', []).controller('MyCtrl', function($scope) { 
 
    $scope.submission = { id: 100 }; 
 

 
    $scope.delete = function(id) { 
 
     alert(id + " deleted!"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="MyCtrl"> 
 
    <button ng-click="delete(submission.id)">Delete</button> 
 
</div>