javascript - AngularJS 复选框过滤不起作用

标签 javascript angularjs

my jsfiddle我无法将 AngularJS 绑定(bind)值作为参数传递给复选框。

在该代码中我有:

<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>

但它不起作用。

最佳答案

传递作用域变量时不需要放{{}},改一下就可以了

来自

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

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

工作 JsFiddle

关于javascript - AngularJS 复选框过滤不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34480904/

相关文章:

javascript - 获取单词的坐标

javascript - Flot 和 Internet Explorer 9?

javascript - 如何通过 AngularJS 中的正则表达式获取以下模式?

javascript - AngularJS 的动态文件名显示 JSHint 错误

angularjs - 如何使用 AngularJs 计算两个日期之间的夜晚数?

javascript - 表达错误 : Cannot find module '../..'

javascript - 使用 reactjs 上传文件并处理 C :/fakepath/file

javascript - Array.filter 与 $filter ('filter' )

javascript - cordova 未定义 - cordova.js 已加载::Ionic

angularjs - 通过作用域$ id获取DOM元素