默认查看表中的待处理状态数据答案

【问题标题】：view pending status data in table by default默认查看表中的待处理状态数据
【发布时间】：2018-06-12 06:51:10
【问题描述】：

<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：默认选择挂起状态并填充相应的数据。让我知道是否需要进一步澄清。

【问题讨论】：

不清楚问题是什么以及期望的结果可能是什么。请澄清。
如果我选择已批准作为状态，则有下拉列表，相应的数据应填充表格。工作正常到这里。但问题是批准状态应该是“默认”选择的，数据应该填充到表中。
jsfiddle.net/wLd182gx

标签： angularjs angularjs-ng-repeat angularjs-ng-options angularjs-select

【解决方案1】：

使用 $scope 声明一个变量为：

$scope.selected_request = "Pending";

默认情况下，您的预期数据会被选中。

【讨论】：

您的具体要求是什么？出了什么问题？
希望你能解决问题。
让我知道问题出在哪里？
到目前为止，默认选择全部，即没有选择。它应该
到目前为止，默认选择全部，即没有选择。默认情况下应该选择pending。

【解决方案2】：

请在您的选择标签中进行如下更改。它将默认选择“已批准”，并根据选择填充您的表格。希望它会有所帮助。

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

【讨论】：