angularjs 2選択ボックスにデータが読み込まれても、選択ボックスがブラウザに表示されない

Question

データベースからデータを取り込む選択ボックスがあります。ブラウザでは、DBのすべてのデータを含む選択ボックステンプレートが表示されますが、UIの選択ボックスはテーブルに表示されません。

Controller.js：

$scope.GetCvSRCDetails = function() { 
    $scope.loader.loading = true; 
    crudFactory.getDataList("getcvsrcadetailalerts", "null") 
    .success(function (rcdata) { 
     $scope.cvsRCDetails = rcdata; 
    }); 
}; 
$scope.GetCvSRCDetails(); 

crudfactory.js

getDataList: function (ctrName, objId) { 
    url = serviceBase + "api/" + ctrName + "/" + objId; 
    return $http.get(url);//, authService.setHeader($http)); 
}, 

HTML

<td> 
    <select data-ng-options="rc.RCL1 for rc in cvsRCDetails" 
      data-ng-model="col"> 
    </select> 
</td> 

これに基づいて、別の選択ボックスを作成する必要がありますが、最初に最初の選択ボックスが表示されません。

ありがとうございました。

Answer 1

私はこの問題を以下のコードを使用して解決しました。

<select ng-model="col" material-select> 
           <option ng-repeat="rc in cvsRCDetails">{{rc.RCL1}}</option> 
          </select> 

選択タグにmaterial-selectが追加されました。

おかげで、 バーラト