函數中的角度傳遞值

Question

<div class = "cate" ng-repeat = "cate in categories" ng-click = "funcCall('{{cate.name}}')"></div> 

上述代碼在dom中呈現{{cate.name}}的值，但在函數中讀取時，它顯示爲{{cate.name}}。

如何傳遞這些值並在控制器函數中讀取它們？

Answer 1

取出裏面的括號和引號NG-單擊以角使用該佔位符替換之前都是在那裏的內容。刪除括號和引號使得它如此的代碼時評估它會尋找變量cate財產name，並將它傳遞

var myApp = angular.module('myApp',[]); 
 
function MyCtrl($scope) { 
 
    $scope.categories=[ 
 
     {name:"test"}, 
 
     {name:"test2"}, 
 
     {name:"test3"} 
 
    ]; 
 
    $scope.funcCall = function (vm){ 
 
     alert(vm); 
 
    }; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="MyCtrl"> 
 
    <div class = "cate" ng-repeat = "cate in categories" ng-click = "funcCall(cate.name)">{{cate.name}}</div> 
 
    </div> 
 
</div>

Answer 2

我猜你必須做

<div class = "cate" ng-repeat = "cate in categories" ng-click = "funcCall(cate.name)"></div>