javascript - example - ¿Cómo se puede pasar una variable vinculada a una función ng-click?

ng-< href angularjs

Question

Tengo un botón de eliminación simple que aceptará una cadena o número, pero no aceptará una variable ng-model (no estoy seguro si esa es la terminología correcta).

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

Que genera:

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

Sin embargo, no sucede nada cuando hago clic. Si codifico una variable, funciona bien. Supongo que simplemente no estoy haciendo las cosas de forma "Angular", pero no estoy seguro de qué manera es :)

Aquí está mi código de controlador:

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

Answer 1

La directiva ngClick une una expresión . Ejecuta el código angular directamente (como ngIf , ngChange , etc.) sin la necesidad de {{ }} .

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>

Answer 2

No necesita usar llaves ( {{}} ) con ng-click , intente esto:

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