空白選擇選項#ng值

如何避免窗體輸出中的空白選項？空白選擇選項#ng值

<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>

項目。形式在控制器

這個問題從我的，因爲NG-價值和事實的使用類似的題目看到略有不同的設置，項目。形式的該值已經設置

編輯：將ng-value更改爲value解決了該問題。

來源

2016-06-09 Bavi Gurunath

你是什麼意思的「空白行」？你的意思是一個空白的入口選項）在選擇？ – jbrown

是的，空白選項 –

如何在控制器中設置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-09 14:53:46

另外，您可以添加處理空（空白）值的選項。 – jbrown

$ scope.item.type在選項列表中已經具有值。 –

我也試過，但它只增加了選項列表。初始值仍然balnk –

空白選項的問題是由於NG-模型不與NG-選項值匹配。您可以使用{{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-09 15:34:25 Deep

你的意思是{{item.type}}？它顯示'1'。而且，是的，item.type的值是字符串。我認爲它導致了這個問題，但我無法弄清楚如何解決它 –

空白選擇選項#ng值

回答

相關問題