資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究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 次瀏覽
廣告