angular.js - How to select one of the options by default in Angularjs select

Question

The html code is, if the value of ng-model exists in InPageSel, it will be selected on the interface. But if not, the blank column is selected on the interface. There are many drop-down contents on the interface. I hope the first one can be selected by default.

<code><select ng-model="auth_policy.p_info.high_action.action_annex.page" ng-options="en as en for en in InPageSel" style="width:150px;"></select>
</code>

js code, the select data is obtained from the background and placed in the InPageSel array

<code>$scope.InPageSel = [];
angular.forEach(data_select.script_pagelist,function(v,k){
this.push(v.page_name);
},$scope.InPageSel);
</code>

Answer 1

There are many methods. I personally think the most stable method is:
<select ng-model="selected" ng-options="x.id as x.name for x in users"></select>

<code>js</code><code>$scope.users = [
        {name:'a',id:'1'},
        {name:'b',id:'2'},
        {name:'c',id:'3'}
    ];
    $scope.selected='2';//id的值，区分类型
    $scope.selected=$scope.users[0].id;//如果想要第一个值
</code>

Answer 2

You can consider giving auth_policy.p_info.high_action.action_annex.page a value contained in the content after get