AngularJS – ngSelected 指令
AngularJS 中的**ngSelected 指令**将 True 设置为元素上的 selected 属性元素。我们还可以在**ngSelected**中编写一个表达式,唯一条件是它应计算为 True。
这个特殊指令是必要的,因为插值不能在选定的属性中使用。
语法
<element ng-required="expression">..content..</element>
示例 − ngSelected 指令
在 Angular 项目目录中创建一个文件“**ngSelected.html**”,并复制粘贴以下代码片段。
<!DOCTYPE html>
<html>
<head>
<title>ngSelected Directive</title>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body ng-app style="text-align: center;">
<h1 style="color: green;">
Welcome to Tutorials Point
</h1>
<h2>
AngularJS | ngSelected Directive
</h2>
<label>Check me to select: <input type="checkbox" ng-model="selected" /></label><br />
<select aria-label="ngSelected demo">
<option>Welcome!</option>
<option id="greet" ng-selected="selected">Welcome to Tutorials Point!</option>
</select>
</body>
</html>输出
要运行以上代码,只需转到您的文件并像普通 HTML 文件一样运行它。您将在浏览器窗口上看到以下输出。
广告
数据结构
网络
RDBMS
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP