AngularJS入門教程之ng-checked 指令詳解
更新時(shí)間：2016年08月01日 08:50:54 投稿：lqh
本文主要講解AngularJS ng-checked 指令,在這整理ng-checked 指令的基礎(chǔ)知識(shí),并附代碼實(shí)例,有需要的小伙伴可以參考下
AngularJS ng-checked 指令
AngularJS 實(shí)例
選擇一個(gè)或選擇所有選項(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)將會(huì)被選中。
語法
<input type="checkbox|radio" ng-checked="expression"></input>
type 為 checkbox 或 radio 的 <input> 元素支持。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 如果返回 true，將會(huì)選中元素選項(xiàng)。 |
以上就是對(duì)AngularJS ng-checked 指令 的資料整理，后續(xù)繼續(xù)補(bǔ)充，謝謝大家的支持！
您可能感興趣的文章:
相關(guān)文章
AngularJS中的Directive自定義一個(gè)表格
本篇文章給大家介紹在angularjs中自定義一個(gè)有關(guān)表格的directive，涉及到angularjs directive相關(guān)知識(shí)，對(duì)本文感興趣的朋友一起學(xué)習(xí)吧2016-01-01
Facade Service暴露commands簡(jiǎn)化代碼邏輯提高可訪問性組合性
在 Angular 應(yīng)用開發(fā)中,使用 Facade Service 暴露 commands（命令）以及訂閱這些 commands 是一個(gè)常見的設(shè)計(jì)模式,本文將詳細(xì)介紹在 Facade Service 中如何實(shí)現(xiàn)這一目標(biāo),并深入探討相關(guān)細(xì)節(jié),以及通過實(shí)際示例進(jìn)行說明2023-10-10
下面小編就為大家?guī)硪黄猘ngular.js之路由的選擇方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
AngularJS $on、$emit和$broadcast的使用
本文主要介紹AngularJS $on、$emit和$broadcast的使用,這里整理了詳細(xì)的資料及簡(jiǎn)單示例代碼有興趣的小伙伴可以參考下2016-09-09
Angular跨字段驗(yàn)證器中如何直接調(diào)用其它獨(dú)立的驗(yàn)證器
我們?cè)陂_發(fā)的時(shí)候都會(huì)用到表單,那么驗(yàn)證器就是必不可少的東西,這篇文章主要給大家介紹了關(guān)于在Angular跨字段驗(yàn)證器中如何直接調(diào)用其它獨(dú)立的驗(yàn)證器的相關(guān)資料,需要的朋友可以參考下2022-03-03
利用angularjs1.4制作的簡(jiǎn)易滑動(dòng)門效果
本文主要介紹了利用angularjs1.4制作的簡(jiǎn)易滑動(dòng)門效果的實(shí)例，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
angularjs實(shí)現(xiàn)柱狀圖動(dòng)態(tài)加載的示例
本篇文章主要介紹了angularjs實(shí)現(xiàn)柱狀圖動(dòng)態(tài)加載的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
在AngularJS應(yīng)用中實(shí)現(xiàn)一些動(dòng)畫效果的代碼
這篇文章主要介紹了在AngularJS應(yīng)用中實(shí)現(xiàn)一些動(dòng)畫效果的代碼,AngularJS是一款熱門的JavaScript庫(kù),需要的朋友可以參考下2015-06-06
Angular.js中$resource高大上的數(shù)據(jù)交互詳解
這篇文章主要給大家介紹了關(guān)于Angular.js中$resource高大上的數(shù)據(jù)交互的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用angular.js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編來一起看看吧。2017-07-07
Angularjs實(shí)現(xiàn)頁面模板清除的方法
這篇文章主要介紹了Angularjs實(shí)現(xiàn)頁面模板清除的方法,需要的朋友可以參考下2018-07-07