-1

HTMLкак выбрать вид таблицы в ожидании по умолчанию

<select class="form-control" id="selectrequest" ng-model="selected request" ng-change="vm.selected_requested()"> 
    <option value="pending" > Pending </option> 
    <option value="approved"> Approved </option> 
    <option value="rejected"> Rejected </option> 
</select> 

JS

vm.model=[{ 
    name:'abc', 
    lastname:'xyz', 
    status:pending 
}] 

// нужно выбрать ожидающие элементы по умолчанию vm.selected_requested = функция() {

} 
+1

Проверить http://stackoverflow.com/questions/21420490/angularjs-filtering-values-based-on-selected-option –

ответ

1

Привет, я внедрил эту функцию по вашему желанию. Теперь вы также можете увидеть образцы фильтрации и из контроллера. Дайте мне знать, если вам нужна дополнительная помощь

var mainApp = angular.module("mainApp", []); 
 
     mainApp.controller('studentController', function($scope,filterFilter) { 
 
     var vm = $scope; 
 
     $scope.model=[{ name:'abc_pending', lastname:'xyz', status:"pending" }, 
 
        { name:'abc1_pending', lastname:'xyz', status:"pending" }, 
 
        { name:'abc2_approved', lastname:'xyz', status:"approved" }, 
 
        { name:'abc3_rejected', lastname:'xyz', status:"rejected" }]; 
 
      
 
     vm.filteredArray = []; 
 
     vm.selected_requested = function(){ 
 
      vm.filteredArray = filterFilter($scope.model, {status:$scope.selected_request}); 
 
     
 
     } 
 
      });
<html> 
 
    
 
    <head> 
 
     <title>Angular JS Controller</title> 
 
     <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
 
    </head> 
 
    
 
    <body> 
 
     <h2>AngularJS Sample Application</h2> 
 
     
 
     <div ng-app = "mainApp" ng-controller = "studentController"> 
 
     <select class="form-control" id="selectrequest" ng-model="selected_request" ng-change="selected_requested()"> 
 
        <option value="" > All </option> 
 
        <option value="pending" > Pending </option> 
 
        <option value="approved"> Approved </option> 
 
        <option value="rejected"> Rejected </option> 
 
       </select> 
 
     <div ng-repeat = "temp in model | filter:(!!selected_request || undefined) && {status: selected_request} "> 
 
      <span ng-bind ="temp.name"> 
 
      </span> 
 
      </div> 
 
     <br/> 
 
     Items in filtered Array <br/> 
 
    <div ng-repeat = "temp in filteredArray"> 
 
      <span ng-bind ="temp.name"> 
 
      </span> 
 
      </div> 
 
     </div> 
 
     
 
    </body> 
 
</html>

+0

как выберите его в ожидании по умолчанию. Я редактировал свой код. Thnx. –

0

Использовать угловой фильтр в функции selected_requested для фильтрации элемента на основе выбранного параметра. Или вы можете создать собственный фильтр с помощью фильтра $. См. Документ https://docs.angularjs.org/api/ng/filter/filter

angular.module('FilterInControllerModule', []). 
     controller('FilterController', ['$scope','filterFilter', function($scope,filterFilter) { 
      $scope.data=[]; //use your table data. 
     vm.selected_requested = function(){ 


      $scope.filteredArray = filterFilter($scope.data, {status:selected request}); 

} 
     }]);