javascript - ng-在 ng-repeat 中单击

Question

在 AngularJS 中，我有一个包含 title 和 type 的颜色数组。我将所有颜色显示为列表。

现在我想添加一个菜单，允许用户选择只显示特定类型 的颜色。为此，我有另一个包含颜色类型的数组。这也显示为列表。

现在我想单击一个颜色类型以将颜色列表减少为只有那些具有所选 color.type 的颜色。为此，我使用了一个过滤器:

<ul>
    <li ng-repeat="color in colors | filter:search">
        {{ color.title }}
    </li>
</ul>

使用手动颜色类型列表，一切正常:

<ul>
    <li>
        <a href="" ng-click="search.type = 'primary';">
            Primary
        </a>
    </li>               
</ul>

但是，当我如上所述使用颜色类型数组时，点击没有任何作用:

<ul>
    <li ng-repeat="colortype in colortypes">
        <a href="" ng-click="search.type = '{{ colortype.title }}';">
            {{ colortype.title }}
        </a>
    </li>               
</ul>

我想这与 ng-click 被放置在 ng-repeat 中有关(或者可能是 = 赋值的范围)？我该如何解决这个问题？

Answer 1

在ngClick您指定的指令不是 JS 代码，而是表达式。

所以你可以只使用<a href="" ng-click="search.type = colortype.title">它会起作用(注意:{{}} 没有插值)