바인딩된 변수를 ng-click 함수에 전달하려면 어떻게 해야 합니까?

바인딩된 변수를 ng-click 함수에 전달하려면 어떻게 해야 합니까?

문자열이나 숫자를 받아들이지만 ng-model 변수를 받아들이지 않는 간단한 삭제 버튼이 있습니다(이것이 올바른 용어인지 확실하지 않습니다).

<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 );
}

괄호는 사용할 필요가 없습니다( ){{}})의ng-click, 이것을 시험해 보세요.

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

디렉티브는 식을 바인드합니다.Angular 코드를 직접 실행합니다( , 등).{{ }}.

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>

언급URL : https://stackoverflow.com/questions/12647891/how-can-you-pass-a-bound-variable-to-an-ng-click-function