Фильтр поиска в Angular.js,
Я новичок в этой среде, поэтому практикую Angularjs и следую инструкциям, доступным на сайте.
есть пример, где мы можем искать данные, представленные в таблице, пример следующий,
Smart phone Angular
var smartPhoneApp = angular.module("SmartPhoneApp",[]);
smartPhoneApp.controller("phoneCtrl",function($scope){
$scope.phones = [
{
"modelName" : "LUMIA 520",
"companyName" : "NOKIA"
},
{
"modelName" : "GALAXY S Series",
"companyName" : "SAMSUNG"
},
{
"modelName" : "CANVAS",
"companyName" : "MICROMAX"
},
{
"modelName" : "OPTIMUS",
"companyName" : "LG"
}
];
});
Search by Model Name :
Search by Company :
{{phone.modelName}}
{{phone.companyName}}
Здесь, в приведенном выше коде, я могу искать телефон с помощью двух разных входов, то есть поиск по названию модели и поиск по названию компании, приведенный выше код работает нормально,
Но что, если мне нужно искать, используя тип поиска, присутствующий в опциях выбора,
код выглядит следующим образом
Orderring People
var employeeApp = angular.module("EmployeeApp",[]);
employeeApp.controller("empCtrl",function($scope){
$scope.employees = [
{
"name" : "Mahesh Pachangane",
"company" : "Syntel India Pvt. Ltd",
"designation" : "Associate"
},
{
"name" : "Brijesh Shah",
"company" : "Britanica Software Ltd.",
"designation" : "Software Engineer"
},
{
"name" : "Amit Mayekar",
"company" : "Apex Solutions",
"designation" : "Human Resource"
},
{
"name" : "Ninad Parte",
"company" : "Man-made Solutions",
"designation" : "Senior Architect"
},
{
"name" : "Sunil Shrivastava",
"company" : "IBM",
"designation" : "Project Lead"
},
{
"name" : "Pranav Shastri",
"company" : "TCS",
"designation" : "Senior Software Engineer"
},
{
"name" : "Madan Naidu",
"company" : "KPMG",
"designation" : "Senior Associate"
},
{
"name" : "Amit Gangurde",
"company" : "Amazon",
"designation" : "Programe Manager"
}
];
$scope.orderProp="name";
});
Search :
Search By :
NAME
COMPANY
DESIGNATION
Employee Name
Company Name
Designation
{{emp.name}}
{{emp.company}}
{{emp.designation}}
Из приведенного выше кода вы можете видеть, что я пытаюсь добиться поиска сотрудников путемНазвание", "Компания" или же "Обозначение» присутствует в поле выбора,
но я ошибаюсь здесь,
запрос ng-модели Безразлично»t подбирает правильное отображение, или, может быть, я делаю неправильно,
не могли бы вы сказать мне, как я достигну этого,
какую часть кода я должен изменить