0

フォーム出力で空白のオプションを避けるにはどうすればよいですか?

 <select class="form-control" ng-model="item.type" >
                                <option ng-value="0">Real</option>
                                <option ng-value="1">Fake</option>
                                <option ng-value="2">Both</option>
                            </select>

item.type はコントローラーで設定されます

ng-value の使用と、item.type の値が既に設定されているという事実のために、同様のトピックで見たものとは少し異なる問題

編集ng-value：問題をvalue解決するために変更します。

4

2 に答える 2

1

item.type はコントローラーでどのように設定されていますか?

空白行は item.type の現在の値です。コントローラーにオブジェクトとして設定すれば、そのように表示されるのが普通です。次の 3 つの選択肢のいずれかに設定してみてください。

   angular.module('yourModule').controller('ctrl', function($scope)){
       $scope.item = {}; //edited
       $scope.item.type = "1"; // or 2, or 0
   }

これは、角度が双方向のデータバインディングを処理する方法です。item.type の値がどのオプションとも一致しない場合は、別の空白行を追加するのが普通です。

編集：

<select class="form-control" ng-model="item.type" >
    <option value="0">Real</option>
    <option value="1">Fake</option>
    <option value="2">Both</option>
</select>
于 2016-06-09T14:53:46.557 に答える
0

空白のオプションの問題は、ng-model が ng-option の値と一致しないことが原因です。{{item.type}} を使用して、item.type の値をビューに出力していただけませんか。

次の変更を行います。

コントローラーで item.type を次のように設定します

$scope.item = {}; $scope.item.type = "1";

html に次の変更を加えます。 

<select class="form-control" ng-model="item.type" >
                            <option value="0">Real</option>
                            <option value="1">Fake</option>
                            <option value="2">Both</option>
                        </select>
于 2016-06-09T15:34:25.970 に答える