角度を使用してドロップダウンオプションを自動選択する方法

Question

角度を使用してドロップダウンオプションを自動選択する最良の方法は何ですか？たとえば、..

//controller 
$scope.data = [{id: 1, status: "sent"}, {id: 2, status : "Not Sent"}] 

//view.. How do i set it here to always have the status on "Not sent" to be already selected when the page is loaded? 
<div> 

    <select> 
       ng-options="status.status as status.status for status in data"> 

    </select> 

</div> 

ありがとうございます！ AL

Answer 1

// controller 
$scope.data = [{id: 1, status: "sent"}, {id: 2, status : "Not Sent"}]; 
$scope.selectedOption = $scope.data[0]; 

// view 
<select ng-model='selectedOption' ng-options='d as d.status for d in data'> 

Answer 2

youdはselectタグのモデルを定義する必要があります。 これを試してください。

angular.module('myApp', []).controller('myTest', function($scope) { 
 

 
$scope.data = [{id: 1, status: "sent"}, {id: 2, status : "Not Sent"}]; 
 
    $scope.select = $scope.data[0].status; 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app = "myApp"> 
 
    <div ng-controller="myTest"> 
 
    <div> 
 

 
    <select ng-model="select" 
 
       ng-options="status.status as status.status for status in data"> 
 

 
    </select> 
 

 
</div> 
 
    </div> 
 
</div>

Answer 3

あなただけmodel="string"を設定している：

var myApp = angular.module('myApp', []); 
 

 
myApp.controller('MyCtrl', function($scope) { 
 
    
 
    $scope.data = [{id: 1, status: "sent"}, {id: 2, status : "Not Sent"}] 
 
    $scope.selectedData = $scope.data[1]; 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
    <select ng-model="selectedData" 
 
      ng-options="status.status for status in data"> 
 
    </select> 
 
</div>

https://docs.angularjs.org/api/ng/directive/select