view pending status data in table by default

北城以北 提交于 2019-12-25 04:15:12

问题


<select class="form-control" id="selectrequest" ng-model="selectedrequest">

                        <option value="pending" > Pending </option>
                        <option value="approved"> Approved </option>
                        <option value="rejected"> Rejected </option>
                    </select>


<tr ng-repeat="mymodel in vm.modelname  | filter:selectedrequest">
                        <td>{{mymodel.name}}</td>
                        <td>{{mymodel.triggername}}</td>
                        <td>{{mymodel.status}}<td>
                    </tr>

vm.modelname=[{
    name:'Peter',
    triggername:'Peter1',
    status:pending
},{
    name:'Jack',
    trigger name:'Jack Hein',
    status:approved
}]

Prob stint: by default pending status is selected and corresponding data is populated. let me know if further clarification is needed.


回答1:


Declare a variable using $scope as:

$scope.selected_request = "Pending";

With this by default your intended data is selected.




回答2:


Please made changes in your select tag like below. It will make "approved" selected by default and also populate your table according to selection. Hope it will help.

   <body>
      <h2>AngularJS Sample Application</h2>

      <div ng-app="mainApp" ng-controller="studentController">
        <select class="form-control" id="selectrequest" ng-init="selected_request='approved';selected_requested()" ng-model="selected_request" ng-change="selected_requested()">

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


来源:https://stackoverflow.com/questions/41376553/view-pending-status-data-in-table-by-default

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!