angularJs復(fù)選框checkbox選中進行ng-show顯示隱藏的方法
更新時間：2018年10月08日 09:55:53 作者：泠泠在路上
今天小編就為大家分享一篇angularJs復(fù)選框checkbox選中進行ng-show顯示隱藏的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
ng-true-value="1" //代表選中的時候，值為1 ng-false-value="0" //代表未選中的時候，值為0
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="angular.min.js"></script>
</head>
<body>
<div ng-app="module" ng-controller="ctrl">
游戲: <input type="checkbox" ng-model="data.game" ng-true-value="1" ng-false-value="0">
電影: <input type="checkbox" ng-model="data.video" ng-true-value="1" ng-false-value="0">
<div ng-show="data.game==1">
<h1>游戲被選中</h1>
</div>
<div ng-show="data.video==1">
<h1>電影被選中</h1>
</div>
</div>
<script>
var m = angular.module('module', []);
m.controller('ctrl', ['$scope', function ($scope) {
$scope.data = {game: 0, video: 0}; //初始化未選中，值為0
}]);
</script>
</body>
</html>
以上這篇angularJs復(fù)選框checkbox選中進行ng-show顯示隱藏的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
angularjs學(xué)習(xí)筆記之三大模塊（modal，controller，view）
本文給大家記錄的是angularjs的三大模塊（modal，controller，view）的使用說明，方便初學(xué)者能夠順利的學(xué)習(xí)angularjs.2015-09-09
本篇文章主要介紹了angular中不同的組件間傳值與通信的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了Angular4.0動畫操作,結(jié)合實例形式詳細分析了Angular4.0動畫的原理、定義及使用等相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
Webpack 實現(xiàn) AngularJS 的延遲加載
這篇文章主要介紹了Webpack 實現(xiàn) AngularJS 的延遲加載的相關(guān)資料,需要的朋友可以參考下2016-03-03
Angular2仿照微信UI實現(xiàn)9張圖片上傳和預(yù)覽的示例代碼
本篇文章主要介紹了Angular2仿照微信UI實現(xiàn)9張圖片上傳和預(yù)覽的示例代碼，非常具有實用價值，需要的朋友可以參考下2017-10-10
python爬取安居客二手房網(wǎng)站數(shù)據(jù)(實例講解)
下面小編就為大家?guī)硪黄猵ython爬取安居客二手房網(wǎng)站數(shù)據(jù)(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
angularjs實現(xiàn)搜索的關(guān)鍵字在正文中高亮出來
這篇文章主要介紹了angularjs實現(xiàn)搜索的關(guān)鍵字在正文中高亮出來，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
AngularJS基礎(chǔ) ng-hide 指令用法及示例代碼
本文主要介紹AngularJS ng-hide 指令,這里整理了ng-hide指令的基礎(chǔ)資料,并附實例代碼,有興趣的小伙伴參考下2016-08-08
Angularjs中的頁面訪問權(quán)限怎么設(shè)置
最近一直在忙一個手機端的項目，所以對js學(xué)習(xí)有點松撤了。今天小編抽時間跟大家分享一篇關(guān)于angularjs中的頁面訪問權(quán)限設(shè)置教處，對angularjs訪問權(quán)限感興趣的朋友一起學(xué)習(xí)吧2016-11-11
今天小編就為大家分享一篇關(guān)于Angular使用Restful的增刪改，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2018-12-12