AngularJS 中的ngSelected 指令将元素上的 selected 属性元素设置为 True。我们还可以在ngSelected中编写一个表达式,其唯一条件是它应该评估为 True。
这个特殊指令是必要的,因为插值不能在选定属性内使用。
<element ng-required="expression">..content..</element>
在您的 Angular 项目目录中创建一个文件“ ngSelected.html ”并复制粘贴以下代码片段。
<!DOCTYPE html> <html> <head> <title>ngSelected Directive</title> <script xx_src="https://cdn.staticfile.org/angularjs/1.6.9/angular.min.js"> </script> </head> <body ng-app style="text-align: center;"> <h1 style="color: green;"> Welcome to nhooo.com </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 nhooo.com!</option> </select> </body> </html>输出结果
要运行上述代码,只需转到您的文件并将其作为普通 HTML 文件运行即可。您将在浏览器窗口中看到以下输出。
<video "="" controls="" xx_src="https://www.nhooo.com/assets/questions/media/57426/3918377-1633687158.mp4">您的浏览器不支持 HTML5 视频。