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.com/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 文件一样运行它。您将在浏览器窗口上看到以下输出。
广告