angularJs復(fù)選框checkbox選中進(jìn)行ng-show顯示隱藏的方法

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:06:31

angularJs復(fù)選框checkbox選中進(jìn)行ng-show顯示隱藏的方法

angularJs復(fù)選框checkbox選中進(jìn)行ng-show顯示隱藏的方法:如下所示： ng-true-value=1 //代表選中的時(shí)候，值為1 ng-false-value=0 //代表未選中的時(shí)候，值為0 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <sc

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀angularJs復(fù)選框checkbox選中進(jìn)行ng-show顯示隱藏的方法:如下所示： ng-true-value=1 //代表選中的時(shí)候，值為1 ng-false-value=0 //代表未選中的時(shí)候，值為0 <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <sc

如下所示：

ng-true-value="1" //代表選中的時(shí)候，值為1
ng-false-value="0" //代表未選中的時(shí)候，值為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選中進(jìn)行ng-show顯示隱藏的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

angularJs復(fù)選框checkbox選中進(jìn)行ng-show顯示隱藏的方法

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：方法 angularjs checkbox選中

熱門(mén)焦點(diǎn)

angularJs復(fù)選框checkbox選中進(jìn)行ng-show顯示隱藏的方法

angularJs復(fù)選框checkbox選中進(jìn)行ng-show顯示隱藏的方法

angularJs復(fù)選框checkbox選中進(jìn)行ng-show顯示隱藏的方法

最新推薦

猜你喜歡

熱門(mén)推薦