Angular.jsを使用して値を動的にドロップダウンリストに設定できませんでした

Question

問題があります。 Angular.jsを使用してドロップダウンリストに値を動的に設定できません。私は以下のコードを説明しています。

<div class="input-group bmargindiv1 col-md-12"> 
    <span class="input-group-addon ndrftextwidth text-right" style="width:180px">Business Name :</span> 
    <select class="form-control" id="restau" ng-model="subcat" ng-options="qua.name for qua in listOfRestaurant | orderBy:'name' track by qua.value" ng-change="getDayFromSpecial('restau');"> 
     <option value="">Select Business Name</option> 
    </select> 
    </div> 
    <input type="button" id="btn" value="Open" ng-click="openGallery();"> 
    <input type="button" id="btn1" value="select" ng-click="openSelect();"> 

マイコン側のコードを以下に示します。

$scope.openSelect=function(){ 
    $scope.subcat.value="1"; 
    } 

ここでは、ボタンクリックを使用して値を設定していますが、投げエラーです。 Here is my plunkrコード。これを解決するために私を助けてください。

Answer 1

$scope.subcatオブジェクトをまだ定義していないので、&の値プロパティを割り当てようとしています。

$scope.subcat = {}; //define it inside controller 
$scope.openSelect=function(){ 
    $scope.subcat.value = "1"; 
} 

Forked Plunkr

警告：オブジェクトだけのvalueプロパティを設定しているよう、ng-optionsはドロップダウンにあなたのためのオプションを選択することになります。しかし、他のproperty値はどうでしょうか。 valueを一意の制約として仮定している場合&完全に責任があります。 完全なレコードIDです。