AngularJS入門教程之ng-checked 指令詳解
AngularJS ng-checked 指令
AngularJS 實例
選擇一個或選擇所有選項:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> <p>My cars:</p> <input type="checkbox" ng-model="all"> Check all<br><br> <input type="checkbox" ng-checked="all">Volvo<br> <input type="checkbox" ng-checked="all">Ford<br> <input type="checkbox" ng-checked="all">Mercedes <p>點擊 "Check all" 選擇所有的車。</p> </body> </html>
定義和用法
ng-checked 指令用于設置復選框(checkbox)或單選按鈕(radio)的 checked 屬性。
如果 ng-checked 屬性返回 true,復選框(checkbox)或單選按鈕(radio)將會被選中。
語法
<input type="checkbox|radio" ng-checked="expression"></input>
type 為 checkbox 或 radio 的 <input> 元素支持。
參數(shù)值
值 | 描述 |
---|---|
expression | 如果返回 true,將會選中元素選項。 |
以上就是對AngularJS ng-checked 指令 的資料整理,后續(xù)繼續(xù)補充,謝謝大家的支持!
相關文章
Facade Service暴露commands簡化代碼邏輯提高可訪問性組合性
在 Angular 應用開發(fā)中,使用 Facade Service 暴露 commands(命令)以及訂閱這些 commands 是一個常見的設計模式,本文將詳細介紹在 Facade Service 中如何實現(xiàn)這一目標,并深入探討相關細節(jié),以及通過實際示例進行說明2023-10-10AngularJS $on、$emit和$broadcast的使用
本文主要介紹AngularJS $on、$emit和$broadcast的使用,這里整理了詳細的資料及簡單示例代碼有興趣的小伙伴可以參考下2016-09-09Angular跨字段驗證器中如何直接調(diào)用其它獨立的驗證器
我們在開發(fā)的時候都會用到表單,那么驗證器就是必不可少的東西,這篇文章主要給大家介紹了關于在Angular跨字段驗證器中如何直接調(diào)用其它獨立的驗證器的相關資料,需要的朋友可以參考下2022-03-03angularjs實現(xiàn)柱狀圖動態(tài)加載的示例
本篇文章主要介紹了angularjs實現(xiàn)柱狀圖動態(tài)加載的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-12-12在AngularJS應用中實現(xiàn)一些動畫效果的代碼
這篇文章主要介紹了在AngularJS應用中實現(xiàn)一些動畫效果的代碼,AngularJS是一款熱門的JavaScript庫,需要的朋友可以參考下2015-06-06Angular.js中$resource高大上的數(shù)據(jù)交互詳解
這篇文章主要給大家介紹了關于Angular.js中$resource高大上的數(shù)據(jù)交互的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用angular.js具有一定的參考學習價值,需要的朋友們下面跟著小編來一起看看吧。2017-07-07