AngularJS – ngSelected 指令

AngularJS 中的ngSelected 指令将元素上的 selected 属性元素设置为 True。我们还可以在ngSelected中编写一个表达式,其唯一条件是它应该评估为 True。

这个特殊指令是必要的,因为插值不能在选定属性内使用。

语法

<element ng-required="expression">..content..</element>

示例 - ngSelected 指令

在您的 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 视频。