Angularjsは最初の要素を選択しません

最初に選択した要素を設定します。私はng-initを使用しましたが、動作しませんでした。どうすれば解決できますか？Angularjsは最初の要素を選択しません

HTML

<select id="room" name="room" ng-init="rooms.id=1" ng-model="searchRoom" class="custom-select"> 
    <option value="{{rooms.id}}" ng-repeat="rooms in searchRoomValues track by $index">{{rooms.value}}</option> 
    </select>

のJs

$scope.searchRoomValues=[{value: 'Not', id:1},{value: '1+0', id:1648}, {value: '1+1', id:1649}, {value: '2+1', id:1650}, {value: '3+1', id:1651}, {value: '4+1', id:1652}, {value: '5+1', id:1653}];

出典

2017-12-21 Hermes

使用ng-options：この場合

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

 
app.controller('MainCtrl', function($scope) { 
 
    $scope.searchRoomValues = [{ 
 
    value: 'Not', 
 
    id: 1 
 
    }, { 
 
    value: '1+0', 
 
    id: 1648 
 
    }, { 
 
    value: '1+1', 
 
    id: 1649 
 
    }, { 
 
    value: '2+1', 
 
    id: 1650 
 
    }, { 
 
    value: '3+1', 
 
    id: 1651 
 
    }, { 
 
    value: '4+1', 
 
    id: 1652 
 
    }, { 
 
    value: '5+1', 
 
    id: 1653 
 
    }]; 
 
    $scope.selected = $scope.searchRoomValues[0]; 
 
});

<body ng-controller="MainCtrl"> 
 
    <select ng-model="selected" ng-options="item as item.value for item in searchRoomValues"></select> 
 
</body>

Plnkr

出典

2017-12-21 22:30:53 Phix

あなたは、コントローラで$scope.searchRoom初期なければなりません

$scope.searchRoom=1

またはNG-initの中

：

<select id="room" name="room" ng-init="searchRoom=1" ng-model="searchRoom" class="custom-select"> 
    <option ng-value="{{rooms.id}}" ng-repeat="rooms in searchRoomValues track by $index">{{rooms.value}}</option> 
    </select>

出典

2017-12-21 22:26:50

は、最初のオプションは正しい_most_、およびベストプラクティスです。 'ng-init'は非常に控えめに使用されるので、2番目のオプションはお勧めしません。 – rmlan

私は試しましたが、仕事がありませんでした – Hermes

@Hermesはあなたにエラーを投稿してください –

Angularjsは最初の要素を選択しません

答えて

関連する問題