AngularJS复选框过滤无效

Question

在my jsfiddle中，我无法将AngularJS绑定值作为参数传递给复选框。

在那段代码中我有：

<input type="checkbox" ng-click="includeColour('Red')" /> Red<br/>
<input type="checkbox" ng-click="includeColour('Orange')" /> Orange<br/>
<input type="checkbox" ng-click="includeColour('Yellow')" /> Yellow<br/>

我只是改变它看起来如下：

<div ng-repeat="f in fruit">
    <input type="checkbox" ng-click="includeColour('{{f.colour}}')" />{{f.colour}}  <br />
</div>

但它没有用。

Answer 1

传递范围变量时，您不需要放置{{}}，只需更改

发件人

 <input type="checkbox" ng-click="includeColour('{{f.colour}}')" />{{f.colour}}  <br />

要

 <input type="checkbox" ng-click="includeColour(f.colour)" />{{f.colour}}  <br />

工作JsFiddle