爲什麼在ngRepeat中使用ngClick進行值賦值不會起作用

Question

<ul> 
    <li ng-repeat="val in [1,2,3]"> 
    <button ng-click="dummy = '{{val}}'">{{val}}</button> 
    </li> 
</ul> 
<div>Value : {{dummy}}</div> 

我試圖在點擊按鈕時指定一個值，但它不工作。

Answer 1

你只需要做：

ng-click="dummy = val " 

即

<ul> 
<li ng-repeat="val in [1,2,3]"> 
<button ng-click="dummy = val ">{{val}}</button> 
</li> 
</ul> 
<div>Value : {{dummy}}</div> 

Answer 2

ng-repeat創建自己的範圍。由於該按鈕位於ng-repeat中，因此它具有單獨的作用域，並且無法訪問dummy值。爲了防止這種情況，您需要use a dot in your ng-model。

這裏是你的代碼，修正：http://jsfiddle.net/844k52bh/

Answer 3

http://jsfiddle.net/sg39rypn/

var app = angular.module('myApp', []); 
app.controller('myCtrl', function($scope) { 

    $scope.changeDummyVal=function(val){ 
     $scope.dummy=val; 
    } 
}); 

您可以函數爲其