Angular.js - 將具有數據綁定功能的按鈕中的選定選項更改爲函數參數

Question

我想用按鈕更改選定選項。如果我沒有在參數中使用數據綁定，代碼將按預期工作：

ng-click="changeOptions('cat');" 

如果我對參數使用數據綁定，它將不再起作用。這是不允許的？

ng-click="changeOptions('{{animals.type}}');" 

下面是HTML：

<div ng-app="quickApp" ng-controller="quickController"> 
    <select ng-model="animalList" ng-options="animals.type as animals.type for animals in animals"></select> 
    <button ng-repeat="animals in animals" ng-click="changeOptions('{{animals.type}}');">{{animals.type}}</button> 
</div> 

這裏是JS：

angular 
    .module('quickApp', []) 

    .controller('quickController', ['$scope', function($scope) { 

     $scope.changeOptions = function(id){ 
       $scope.animalList = id; 
      }; 

     $scope.animals = [ 
       {'type':'cat'}, 
       {'type':'dog'}, 
       {'type':'bear'} 
     ]; 
    }]); 

Answer 1

你真的不需要這些大括號內。

ng-click="changeOptions(animals.type);" 

應工作

順便說一句，你爲什麼不改變animals in animals到animal in animals？兩個animals似乎不明確。在這種情況下，您必須使用：

<button ng-repeat="animal in animals" ng-click="changeOptions('{{animal.type}}');">{{animal.type}}</button>