Angular JS ng-click不能像ng-repeat一样工作

时间:2014-09-19 13:40:56

标签: javascript html angularjs

所以我使用这个代码,比如过滤到按钮:

<input value="Type1" ng-click="typeF = {type: 'Type1'}" type="button"/>
<input value="Type2" ng-click="typeF = {type: 'Type2'}" type="button"/>
<input value="Type3" ng-click="typeF = {type: 'Type3'}" type="button"/>
<input value="Type4" ng-click="typeF = {type: 'Type4'}" type="button"/>
<input value="All" ng-click="typeF = null" type="button"/>

通过这样过滤输出数据:

<tr ng-repeat="product in products | filter:search | filter:someN | filter:typeF">
    <td>{{product.name}}</td>
    <td>{{product.type}}</td>
    <td>{{product.someNvalue}}</td>
</tr>

但我也需要使用这种过滤器:

<input ng-repeat="product in products | unique:'soneNvalue'" value="{{product.soneNvalue}}" ng-click="$parent.someN = {someNvalue: '{{product.someNvalue}}'}" type="button" >

ng-click正在做点什么,但我得到任何输出,我的名单只是消失了所有。我使用$parent范围,但它没有多大帮助。任何人都可以帮助:)

1 个答案:

答案 0 :(得分:4)

请参阅此处http://jsbin.com/muvagexabuto/1/edit

您不必在ng-click

中插入{{product.someNvalue}}
<input ng-repeat="product in products |unique:'soneNvalue'"  ng-value="product.someNvalue" 
ng-click="$parent.someN = {someNvalue: product.someNvalue}" 
type="button" >