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

更新于:08-Oct-2021

160 次浏览

启动您的职业

通过完成课程来获得认证

立即开始
广告