这个AngularJS过滤器如何工作?给我一些描述

时间:2018-06-07 01:08:53

标签: angularjs

我使用AngularJS Filter搜索一些数据。 首先,设置param进行搜索。

<select class="form-control" ng-model="setParam">
    <option value="">All</option>
    <option value="ptName">Name</option>
    <option value="ptCeo">CEO</option>
    <option value="ptAddr">Address</option>
    <option value="ptTel">Tel</option>
</select>

然后输入搜索文本。

<input type="text" class="form-control" ng-model="ptParam[setParam]">

在此代码中,ng-model="ptParam[setParam]"将被过滤并像这样使用。

<div ng-repeat="row in filterData = (partners | filter: setParam ? ptParam : '')">

效果很好,但我想知道ng-model="ptParam[setParam]"是如何工作的? 我能得到一些描述吗?

1 个答案:

答案 0 :(得分:1)

ptParam [setParam]是访问ptParam属性的方法,其名称与实际的setParam值相同。它被称为“括号表示法”。 例如:

person['firstname'] = 'Mario';

但在你的情况下,你使用一个带有所选值的变量进行了调用。