Javascript 如何使用angularjs使用过滤器重复ng?

Javascript 如何使用angularjs使用过滤器重复ng?,javascript,angularjs,Javascript,Angularjs,在这里,我添加了我想根据用户输入搜索的代码,我尝试了这个,但是 filter: first_name_model 我没有得到正确的结果 例如:运行代码段 输入“2”并查看结果(我们只需要获得一条记录,但它显示所有记录) 输入“as”并查看结果(我们只需要获得一条记录(asif yohana),但它显示两条记录) 我只想过滤这两个字段 1 2.DisplayName 可能需要使用“或”条件 帮助我前进 angular.module('myApp',[]).controller('namesCt

在这里,我添加了我想根据用户输入搜索的代码,我尝试了这个,但是

filter: first_name_model
我没有得到正确的结果

例如:运行代码段

输入“2”并查看结果(我们只需要获得一条记录,但它显示所有记录)

输入“as”并查看结果(我们只需要获得一条记录(asif yohana),但它显示两条记录)

我只想过滤这两个字段

1

2.DisplayName

可能需要使用“或”条件

帮助我前进

angular.module('myApp',[]).controller('namesCtrl',function($scope){
$scope.students=[{
“firstname”:“irfan”,
“lastname”:“k”,
“否”:“2”,
“用户ID”:“5706b916bb729ecc876192d2”
},
{
“名字”:“asif”,
“姓氏”:“Y”,
“否”:“3”,
“用户ID”:“5706b916bb729ecc87619245”
},
{
“名字”:“阿伦”,
“姓氏”:“D”,
“否”:“6”,
“用户ID”:“5706b916bb729ecd876452d2”
},
{
“firstname”:“smart”,
“lastname”:“k”,
“否”:“5”,
“用户ID”:“5706b916bb729ecc876452d2”
},
{
“名字”:“拉杰什”,
“姓氏”:“v”,
“否”:“4”,
“用户ID”:“5706b916bb729ecc87619245”
}
];
$scope.users=[{
“_id”:“5706b916bb729ecc87619245”,
“DisplayName”:“irfan kadhar”,
},
{
“_id”:“5706b916bb729ecc876192d2”,
“DisplayName”:“asif yohana”,
},
{
“_id”:“5706b916bb729ecc876452d2”,
“DisplayName”:“smar kiran”,
},
{
“_id”:“5706b916bb729ecd876452d2”,
“DisplayName”:“arun dinesh”,
}
]
如果($scope.students){
对于(变量i=0;i<$scope.students.length;i++){
对于(var j=0;j<$scope.users.length;j++){
如果($scope.students[i].userid==$scope.users[j]。\u id){
$scope.students[i].AssignedToDisplayName=$scope.users[j].DisplayName;
}
}
}
}
});

过滤数据


数字 显示名称 {{user.DisplayName}
请将ng输入模式更改为名字模式。否 这对我很有效

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="namesCtrl">
         filter data <input type = "text" ng-model = "first_name_model.no"/><br><br><br>
         <table>
            <tr>
               <th>Number</th>
               <th>DisplayName</th>
            </tr>

            <tr ng-repeat="student in students | filter: first_name_model">
               <td><input type="text" ng-model ="student.no"></td>

               <td>
                  <select  ng-model="student.userid"  placeholder="Assigned To" name="userid{{$index}}" >
                  <option ng-repeat="user in users | orderBy: 'DisplayName'" ng-value="user._id">
                     {{user.DisplayName}}</md-option>
                     </md-select>
               </td>
            </tr>
         </table>
      </div>

过滤数据


数字 显示名称 {{user.DisplayName}
angular.module('myApp',[]).controller('namesCtrl',function($scope){
$scope.search=函数(项){
if(!$scope.query | |(item.no.toLowerCase().indexOf($scope.query)!=-1)|(item.AssignedToDisplayName.toLowerCase().indexOf($scope.query)!=-1)){
返回true;
}
返回false;
};
$scope.students=[{
“firstname”:“irfan”,
“lastname”:“k”,
“否”:“2”,
“用户ID”:“5706b916bb729ecc876192d2”
},
{
“名字”:“asif”,
“姓氏”:“Y”,
“否”:“3”,
“用户ID”:“5706b916bb729ecc87619245”
},
{
“名字”:“阿伦”,
“姓氏”:“D”,
“否”:“6”,
“用户ID”:“5706b916bb729ecd876452d2”
},
{
“firstname”:“smart”,
“lastname”:“k”,
“否”:“5”,
“用户ID”:“5706b916bb729ecc876452d2”
},
{
“名字”:“拉杰什”,
“姓氏”:“v”,
“否”:“4”,
“用户ID”:“5706b916bb729ecc87619245”
}
];
$scope.users=[{
“_id”:“5706b916bb729ecc87619245”,
“DisplayName”:“irfan kadhar”,
},
{
“_id”:“5706b916bb729ecc876192d2”,
“DisplayName”:“asif yohana”,
},
{
“_id”:“5706b916bb729ecc876452d2”,
“DisplayName”:“smar kiran”,
},
{
“_id”:“5706b916bb729ecd876452d2”,
“DisplayName”:“arun dinesh”,
}
]
如果($scope.students){
对于(变量i=0;i<$scope.students.length;i++){
对于(var j=0;j<$scope.users.length;j++){
如果($scope.students[i].userid==$scope.users[j]。\u id){
$scope.students[i].AssignedToDisplayName=$scope.users[j].DisplayName;
}
}
}
}
});

过滤数据


数字 显示名称 {{user.DisplayName}
键入“as”查看结果,它不会给出记录。它应该给出“asif yohana”记录权限。我们需要使用这样的“OR”条件(no | | DisplayName)