はどのようにたぶんこの缶が重複していAngularjs

Question

に非存在していた値と選択ボックスのデフォルト値を設定するか、多分

、これを解決する方法がありますが、私はこれを解決するためにどのような方法を見つけることができませんでした。

私の愚かな質問に怒ってはいけません。これを解決するための情報や方法を教えてください。

このフィドルをご覧ください。私はhttp callから配列を取得するときに私が欲しいもの

Set default value of select box

は配列でない値を選択ボックスのデフォルト値を設定する方法、

です。

私はng-initを使用しましたが、動作しませんでした。

私は<options>タグを使用してのようにこの問題を解決し、selectedを使用して、最初のオプションの値や

を置くために他の方法がある知っているが、私はng-optionsを使用します。

あなたが何を提供しても、リンク、ドキュメントなど何でも、それは私にとって大きな助けになるでしょう。

あなたのコメントや回答をお待ちしています。 :)

Answer 1

最初のソリューションは、デフォルト値のため

HTMLコード

<div ng-app="MyApp"> 
    <div ng-controller="MyCtrl"> 
     <select ng-options="opt as opt for opt in testOpt" 
       data-ng-model="resultOpt" 
       data-ng-change="checkResultOpt(resultOpt)"> 
     <option value=''>Choose Category </option> 
     </select> 

    </div> 
</div> 

コントローラコード

var MyApp = angular.module('MyApp', []) 
.controller('MyCtrl', ['$scope', function ($scope) { 
    $scope.testOpt = [ 
     'ID', 
     'Name', 
     'Email', 
     'Address' 
    ]; 
    $scope.resultOpt = ''; 
}]); 

ワーキングcode

セカンドだから、を1つの以上オプションタグを追加することができますlution：あなたは自分の配列リストに1以上のアイテムを追加しますが、後に

HTMLコードを呼び出します。httpから入手

<div ng-app="MyApp"> 
    <div ng-controller="MyCtrl"> 
     <select ng-options="opt as opt for opt in testOpt" 
       data-ng-model="resultOpt" 
       data-ng-change="checkResultOpt(resultOpt)"> 
     </select> 

    </div> 
</div> 

コントローラコード：これは役立つ

var MyApp = angular.module('MyApp', []) 
.controller('MyCtrl', ['$scope', function ($scope) { 
    $scope.testOpt = [ 
     'ID', 
     'Name', 
     'Email', 
     'Address' 
    ]; 
    $scope.testOpt.splice(0, 0, 'Choose Category'); 
    $scope.resultOpt = 'Choose Category'; 
}]); 

ワーキングCode

希望あなた