如何選擇表視圖默認

-1

<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>

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

//需要默認選擇待處理的物品 vm.selected_requested =函數（）{

來源

2016-12-28 Antonio V

檢查http://stackoverflow.com/questions/21420490/angularjs-filtering-values-based-on-selected-option –

您好，我已經按照您的要求實現了此功能。現在您可以從視圖以及控制器中看到過濾樣本。讓我知道如果你需要任何進一步的幫助

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>

來源

2016-12-28 10:46:12

如何默認情況下將其選中。我編輯了我的代碼。日Thnx。 –

使用角度過濾器在selected_requested函數中根據選定的選項過濾項目。否則，您可以使用$ filter創建自定義過濾器。請參閱文檔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}); 

} 
     }]);

來源

2016-12-28 10:27:58

如何選擇表視圖默認

回答

相關問題