問題選択リストに必要なフラグをAngularjsで設定する

Question

私はデータストアからロードしている選択リストを持っています。選択してくださいのプレースホルダを追加しています。 angularjsはこれに選択されたフラグを設定し続けます。私はまた、[選択してください]オプションを完全に削除しようとしましたが、角度は空の選択項目を追加し、それも選択します。何かご意見は？選択リストのコードを引用します。

<select ng-model="vm.SelectedContainerDefinition" 
    id="Name" name="ContainerName" 
    class="form-control" 
    ng-options="Container.Name for Container in ContainerDefinitions" 
    ng-selected="false" required> 
    <option value="" >please select</option> 
</select> 
<span ng-show="form.ContainerName.$dirty && form.ContainerName.$error.required" 
    class="help-block"> 
    Container Name required 
</span> 

Answer 1

モデルを初期化するときに、選択した項目のインスタンスも作成していました。したがって、この場合には、私は

vm.SelectedContainerDefinition = {}; 

私は単純にこの行を削除し、すべての作品

を持っていました。

Answer 2

あなたのoption要素にstyle="display:none"を追加し、それが魅力のように動作します：

<select ng-model="vm.SelectedContainerDefinition" id="Name" name="ContainerName" class="form-control" 
             ng-options="Container.Name for Container in ContainerDefinitions" ng-selected="false" required> 
            <option style="display:none" value="">select a type</option>   
           </select> 

Answer 3

私は、あなたが探していることはdisabled属性であると考えています。

<select ng-model="vm.SelectedContainerDefinition" id="Name" name="ContainerName" class="form-control" ng-options="Container.Name for Container in ContainerDefinitions" ng-selected="false" required> 
    <option value="" disabled>please select</option> 
</select> 

Answer 4

あなたはモデルのデフォルト値を設定することができます。

vm.SelectedContainerDefinition = ContainerDefinitions[0] 

選択としてそれは最初の項目が表示されるはずです。