view pending status data in table by default

Question

view pending status data in table by default

638 views Asked by user7353226 At 29 December 2016 at 09:16

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

Original Q&A

There are 2 answers

Divya Jain On 29 December 2016 at 10:39

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>

**Sai** · Accepted Answer · 2016-12-29 09:47:59

Sai On 29 December 2016 at 09:47 BEST ANSWER

Declare a variable using $scope as:

$scope.selected_request = "Pending";

With this by default your intended data is selected.

TechQA.

view pending status data in table by default

There are 2 answers

Related Questions in ANGULARJS

Related Questions in ANGULARJS-NG-REPEAT

Related Questions in ANGULARJS-NG-OPTIONS

Related Questions in ANGULARJS-SELECT

Popular Questions

Popular Tags

Trending Questions