javascript - Angular JS ng-click 不适用于 ng-repeat 之类的过滤器

Question

所以我使用这个代码，就像过滤按钮一样:

<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 范围，但它没有多大帮助。谁能帮忙:)

Answer 1

请参阅此处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" >