Javascript Angularjs中按对象属性筛选

Javascript Angularjs中按对象属性筛选,javascript,json,angularjs,Javascript,Json,Angularjs,我试图在AngularJS中创建一个简单的过滤器,它将过滤我的JSON:名字、姓氏和电话号码,但我不确定如何引用JSON中的特定属性来创建HTML下拉列表 HTML JS 实际上,问题不在于如何配置下拉列表,而在于控制器代码。根据您的JSON,它应该是: $scope.items = data.clients; 然而,您可以做的另一个改进是使用ngOptions而不是ngRepeat。因此,下拉列表将成为 <select class="data-ctrl" ng-model="

我试图在AngularJS中创建一个简单的过滤器,它将过滤我的JSON:名字、姓氏和电话号码,但我不确定如何引用JSON中的特定属性来创建HTML下拉列表

HTML

JS


实际上,问题不在于如何配置下拉列表,而在于控制器代码。根据您的JSON,它应该是:

$scope.items = data.clients;
然而,您可以做的另一个改进是使用ngOptions而不是ngRepeat。因此,下拉列表将成为

<select class="data-ctrl" 
    ng-model="client"
    ng-options="i.clientid as ('@' + i.first_name + ' @' + i.last_name) for i in items | filter:searchString">
</select>

问题实际上不在于如何配置下拉菜单,而在于控制器代码。根据您的JSON,它应该是:

$scope.items = data.clients;
然而,您可以做的另一个改进是使用ngOptions而不是ngRepeat。因此,下拉列表将成为

<select class="data-ctrl" 
    ng-model="client"
    ng-options="i.clientid as ('@' + i.first_name + ' @' + i.last_name) for i in items | filter:searchString">
</select>


那么,您希望在下拉列表中有什么内容?就像现在的
{i.first_name}}{i.last_name}
?是的,我想在下拉列表中显示first_name和last_name,但使用clientid作为值。现在,没有显示任何内容。{{lavel framwork要忽略{{{那么你到底想在下拉列表中显示什么呢?就像现在的
{i.first\u name}}{{i.last\u name}}
?是的,我想在下拉列表中显示first\u name和last\u name,但使用clientid作为值。现在,什么都没有显示@{{是因为Laravel framwork忽略了{{它起作用了,select/选项中填充了我的数据,但输入字段中的键入没有影响?明白了,我将ng model=“client”更改为ng model=“searchString”.ThanksIt有效,选择/选项填充了我的数据,但输入字段中的键入没有影响?明白了,我将ng model=“client”更改为ng model=“searchString”。谢谢
<select class="data-ctrl" 
    ng-model="client"
    ng-options="i.clientid as ('@' + i.first_name + ' @' + i.last_name) for i in items | filter:searchString">
</select>