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