Javascript 将选项添加到“选择”会自动选中
我有一个使用ng选项(角度)的下拉列表。 我选择了一个默认选项,其值为空。(因此它具有“selected”属性和与模型相同的值) 每当我向ng选项中添加另一个元素时(该元素不是空的),如果模型具有空值(指向默认的空选项),则会自动选择新添加的选项。 模型的值仍然为空,但下拉列表现在会自动显示新添加的选项。 我还尝试将默认选项设置为“”,而不仅仅是“”,但它仍然做了相同的更改 有没有办法保证不会自动选择新添加的选项Javascript 将选项添加到“选择”会自动选中,javascript,angularjs,Javascript,Angularjs,我有一个使用ng选项(角度)的下拉列表。 我选择了一个默认选项,其值为空。(因此它具有“selected”属性和与模型相同的值) 每当我向ng选项中添加另一个元素时(该元素不是空的),如果模型具有空值(指向默认的空选项),则会自动选择新添加的选项。 模型的值仍然为空,但下拉列表现在会自动显示新添加的选项。 我还尝试将默认选项设置为“”,而不仅仅是“”,但它仍然做了相同的更改 有没有办法保证不会自动选择新添加的选项 `<select class="form-control section"
`<select class="form-control section" ng-model="action.prop">
<option value="" disabled selected>Select Property</option>
<option ng-repeat="prop in tr.props| orderBy:prop.name"
value="{{prop.name}}"> {{prop.name}} </option>
</select>`
`
选择属性
{{prop.name}
`
试试这个:)
{{selectedName}}
添加
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.names=[“”];
$scope.selectedName=$scope.names[0]
$scope.add=函数(){
$scope.names.push(“新建”);
}
});
试试这个:)
{{selectedName}}
添加
var-app=angular.module('myApp',[]);
应用程序控制器('myCtrl',函数($scope){
$scope.names=[“”];
$scope.selectedName=$scope.names[0]
$scope.add=函数(){
$scope.names.push(“新建”);
}
});
在运行get下拉功能之前,只需将控制器中的ng型号设置为以下值即可。这样,它将始终设置为默认值
控制器
$scope.action = {};
$scope.action.prop = '';
在运行get下拉函数之前,只需将控制器中的ng模型设置为以下值。这样,它将始终设置为默认值 控制器
$scope.action = {};
$scope.action.prop = '';
即使罗斯的解决方案在我的情况下会很有效。 如果我使用ng选项和过滤器,Nishant也会这么做 相反,在ng重复中,我决定使用一个ng if=“prop.name!=”。 因为发生在我身上的事情是,在大约一秒钟内,ng repeat会有一秒钟最新的道具名称为空,并且作为ng model=“”,它将该选项设置为选中
<select class="form-control section" ng-model="action.prop">
<option value="" disabled selected>Select Property</option>
<option ng-if="prop.name != ''" ng-repeat="prop in tr.props| orderBy:prop.name"
value="{{prop.name}}"> {{prop.name}} </option>
</select>
选择属性
{{prop.name}
即使Roth的解决方案在我的情况下也能很好地工作。
如果我使用ng选项和过滤器,Nishant也会这么做
相反,在ng重复中,我决定使用一个ng if=“prop.name!=”。
因为发生在我身上的事情是,在大约一秒钟内,ng repeat会有一秒钟最新的道具名称为空,并且作为ng model=“”,它将该选项设置为选中
<select class="form-control section" ng-model="action.prop">
<option value="" disabled selected>Select Property</option>
<option ng-if="prop.name != ''" ng-repeat="prop in tr.props| orderBy:prop.name"
value="{{prop.name}}"> {{prop.name}} </option>
</select>
选择属性
{{prop.name}
请出示您的代码/模板。plnkr,fiddle,pen?请出示您的代码/模板。plnkr,fiddle,pen?