आप एक बाध्य चर को एनजी-क्लिक फ़ंक्शन में कैसे पारित कर सकते हैं?

Question

मेरे पास एक साधारण डिलीट बटन है जो एक स्ट्रिंग या नंबर स्वीकार करेगा लेकिन एक एनजी-मॉडल चर स्वीकार नहीं करेगा (सुनिश्चित नहीं है कि यह सही शब्दावली है)।

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

कौन उत्पन्न करता है:

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

हालांकि, कुछ भी नहीं होता है जब मैं क्लिक करें। अगर मैं एक चर चर कोड करता हूं तो यह ठीक काम करता है। मुझे लगता है मैं तो बस नहीं बातें "कोणीय" जिस तरह से कर रहा हूँ, लेकिन मुझे यकीन है कि क्या इस तरह से है :)

यहाँ मेरी नियंत्रक कोड है नहीं कर रहा हूँ:

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

Answer 1

आप उपयोग करने के लिए की जरूरत नहीं है ng-click में कर्ली कोष्ठक ({{}}), इस प्रयास करें:

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

Answer 2

ngClick निर्देश एक अभिव्यक्ति बांधता है। यह {{ }} की आवश्यकता के बिना सीधे कोणीय कोड निष्पादित करता है (ngIf, ngChange, आदि)।

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>