空白选择选项#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值

回答

相关问题