代码之家 › 专栏 › 技术社区 › Sachin HR

ng selected不使用angularjs中的select

angularjs html

Sachin HR · 技术社区 · 6 年前

我是Angularjs的新手。我正在尝试用静态值为Angularjs中的select设置默认值。我没有使用任何ng repeat或options。但是我无法使用ng-select设置默认值。在任何地方,我都只能为ng选项找到解决方案,而不是静态值。

这是我的HTML

    <select name="gender" id="gender" data-ng-model="gender" ng-
    selected=="Male">
    <option value="">Select Gender</option>
    <option value="Male">Male</option>
    <option value="Female">Female</option>
    </select>

有人能告诉我哪里做错了吗?

4 回复 | 直到 6 年前

Sravya Nagumalli 6 年前

ng所选指令只能用于 <option> 标签

检查以下代码

  <select name="gender" id="gender" data-ng-model="gender" >
    <option value="">Select Gender</option>
    <option ng-selected="true" value="Male">Male</option>
    <option value="Female">Female</option>
    </select>

Venkat 6 年前

您可以在控制器中设置ng模型的默认值,尝试在控制器中添加该值。

$scope.gender = 'Male';

marc_s 6 年前

According to official DOCS , ng-selected 是为了 options 不是为了 select .

你应该有 boolean 作为 已选择NG 价值

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="">

<select ng-init="mySel = true">
  <option>Select</option>
  <option value="male" ng-selected="mySel">Male</option>
  <option value="female">Female</option>    
</select>

</body>
</html>

请使用检查此示例 ng-model

这样做的首选方法是使用 NG型号 没有 已选择NG

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="myApp" >


<select name="gender" id="gender" ng-model="gender" ng-controller="myCtrl">
    <option value="">Select Gender</option>
    <option  value="Male">Male</option>
    <option value="Female">Female</option>
  </select>




<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
     $scope.gender = "Male" 
});
</script>

</body>
</html>

ooozguuur 6 年前

你可以用 ng-init 指令。正如斯雷文所说, ng-selected 必须使用 <option> 标签。

My Example

<select name="gender" id="gender" data-ng-model="gender" ng-init="gender='Male'">
    <option value="">Select Gender</option>
    <option value="Male">Male</option>
    <option value="Female">Female</option>
</select>

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

3 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

3 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前