选择中的Angularjs ng-init不起作用

Question

我有简单的选择标记：

<select ng-model="newItem" ng-options="pr.id + ') ' for pr in products track by pr.id"
                ng-init="newItem=products[0]"/>

我只想预先选择产品数组的第一个值，但它不起作用。

Answer 1

有两种方法可以实现这个目标

（i）添加 ng-if ，因为您的产品是异步加载的，

<div ng-if = products.length > 0>
  <select ng-model="newItem" ng-options="pr.id + ') ' for pr in products track by pr.id"
ng-init="newItem=products[0]"/>
</div>

（ii）在回复中分配初始值，

$http.get("/products") .then( function (response) {
  $scope.products = response.data; 
  console.log("Success");
  $scope.newItem = $scope.products[0];
 }, 
function (errResponse) { console.log(errResponse.statusText); } );