Javascript 为什么此选择框不显示'；选择一个&x27；选项

我有一个选择框，其中动态填充了

ng选项

。我希望它在默认情况下显示“选择一个”。我使用下面的html希望实现这一点

<select id="productType" name="productType" class="col-lg-12 col-xs-12 form-control"
    ng-model="context.product"
    ng-options="product.value as product.name for product in data.products"
    ng-change="loadAccessMethods()" required>
    <option value="" disabled>Select one</option>
</select>

选择一个

使用此代码，它将解决您的问题

<select ng-model="context.product" ng-options="product.name for product in data.products">
<option value="" disabled>Select one</option>
</select> 

选择一个

您的上述代码似乎工作正常

var-app=angular.module（“app”，[]）；
app.controller（“AppCtrl”，函数（$scope）{
$scope.context={
产品：“”，
访问方法：“”，
工作日数：0
};
$scope.data={
产品：[
{name:'ABC'，value:'0'，type:'t1'}，
{name:'XYZ'，value:'1'，workflowType:'t2'}
]
};
});

选择一个
您可以尝试以下不同方法：


var-app=angular.module（“app”，[]）；
app.controller（“AppCtrl”，函数（$scope）{
$scope.context={
产品：“”，
访问方法：“”，
工作日数：0
};
$scope.data={
产品：[{
姓名：“ABC”，
值：“0”，
类型：“t1”
},
{
名称：“XYZ”，
值：“1”，
workflowType:'t2'
}
]
};
$scope.context.product1=''；
});

第一批
选择一个
{{product.name}
第二种方法
我认为您正在搜索下面这样的解决方案运行代码片段，并让我知道它是否适合您


var-app=angular.module（“app”，[]）；
app.controller（“AppCtrl”，函数（$scope）{
$scope.context={
访问方法：“”，
工作日数：0
};
$scope.data={
产品：[
{name:'ABC'，value:'0'，type:'t1'}，
{name:'XYZ'，value:'1'，workflowType:'t2'}
]
};
$scope.loadAccessMethods=函数（）{
log（$scope.context.product）；
}
});

选择一个
尝试删除该类并检查它是否即将到来。我现在刚测试过，选择了一个默认值。您使用的是哪个版本的bootstrap？@Vivz我使用的是bootstrap v3.3.7。我认为这与安古拉里有关。我不这么认为，我使用了你的代码，它是默认的。检查下面的答案。如果选择或标签周围的css出现问题，可能会发生这种情况。验证一下。@Vivz在你的回答中使用了Angular 1.4.x。我使用的是1.6.x。它在1.6上不起作用。我认为angularjs.Hmm的最新版本一定有问题。我使用的是Angular 1.6。我在JSBin中尝试了您的代码，它似乎可以在1.4中使用，但不能在1.6中使用。我已经用Angular 1.6.x更新了您的代码片段中的问题。它没有按预期工作。我不认为在angular的最新版本中使用ng选项是一种合适的方法。如果你想保持你想要的一切，那么这是不可能的。但您可以使用肮脏的方式操纵选择选项，并将“选择一”设置为默认禁用选项。但我认为使用ng repeat将是最好的。它不适用于Angular 1.6 Mitul。你用的是什么角度的版本？我用过这个版本@Gurav是的。这是一个选择。我只是在尝试使用最佳实践。但如果没有办法使用ng选项完成它。这似乎是一条路。@isuru buddhika我更新了答案，但我仍然认为第一种方法是好的。