建站
咨询
售后
建站咨询
AngularJS实现表单元素值绑定操作示例
本文实例讲述了AngularJS实现表单元素值绑定操作。分享给大家供大家参考，具体如下：
成都创新互联是一家专注于成都网站制作、网站建设与策划设计,循化网站建设哪家好?成都创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:循化等地区。循化做网站价格咨询:18980820575
ng-disabled:绑定控件的disabled属性 ng-show:显示或者隐藏元素：ms-visible ng-hide:和ng-show的功能恰好相反
css内容：
div.d1{
width: 20px;
height: 20px;
background-color: pink;
}
div.d2{
width: 20px;
height: 20px;
background-color: black;
}
HTML正文：
请输入：{{flag}}
切换输入：
input:{{checkValue}}
stop input
ng-show:flag
ng-hide:checkValue
：{{count}}
Javascript操作代码：
var app = angular.module('myApp', []);
app.controller('myctr', function($scope) {
$scope.flag=false;
$scope.count=0;
$scope.switchInput=function(){
$scope.flag=!$scope.flag;
};
});
效果：
更多关于AngularJS相关内容感兴趣的读者可查看本站专题：《AngularJS指令操作技巧总结》、《AngularJS入门与进阶教程》及《AngularJS MVC架构总结》
希望本文所述对大家AngularJS程序设计有所帮助。
网站栏目：AngularJS实现表单元素值绑定操作示例
网页URL：http://www.jxjierui.cn/article/gpscpd.html
