最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

AngularJS實(shí)現(xiàn)表單元素值綁定操作示例

 更新時(shí)間：2017年10月11日 08:58:56   作者：Zerone1993  
這篇文章主要介紹了AngularJS實(shí)現(xiàn)表單元素值綁定操作,結(jié)合具體實(shí)例形式分析了AngularJS針對(duì)表單元素屬性相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了AngularJS實(shí)現(xiàn)表單元素值綁定操作。分享給大家供大家參考，具體如下：

ng-disabled:綁定控件的disabled屬性
ng-show:顯示或者隱藏元素：ms-visible
ng-hide:和ng-show的功能恰好相反

css內(nèi)容：

div.d1{
 width: 20px;
 height: 20px;
 background-color: pink;
}
div.d2{
  width: 20px;
 height: 20px;
 background-color: black;
}

HTML正文：

<body ng-app="myApp" ng-controller="myctr">
<div>
請(qǐng)輸入：<input type="text" placeholder="....." ng-disabled="flag">{{flag}}<br>
切換輸入：<input type="button" value="switch input" ng-click="switchInput();">
</div>
<hr ng-init="checkValue=false">
input:<input type="text" ng-disabled="checkValue">{{checkValue}}<br>
<input type="checkbox" ng-model="checkValue">stop input <!-- 注意ng-model不能作用于單選框 -->
<hr>
<p>ng-show:flag</p>
<div class="d1" ng-show="flag"></div>
<p>ng-hide:checkValue</p>
<div class="d2" ng-hide="checkValue"></div>
<hr>
<!-- ng-click：后面可以直接跟表達(dá)式，表達(dá)式會(huì)直接執(zhí)行，變量不支持++操作 -->
<input type="button" ng-click="count = count + 1" value="加1">：{{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;
  };
});

效果：

更多關(guān)于AngularJS相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《AngularJS指令操作技巧總結(jié)》、《AngularJS入門與進(jìn)階教程》及《AngularJS MVC架構(gòu)總結(jié)》

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論

延长县| 博乐市| 罗城| 洞头县| 高邮市| 三河市| 沧州市| 湟源县| 栾城县| 塔城市| 湘潭县| 海门市| 曲阳县| 什邡市| 邵武市| 南皮县| 城口县| 安庆市| 祁连县| 永新县| 杭锦后旗| 西城区| 龙门县| 祁阳县| 乐平市| 正宁县| 桂林市| 高安市| 永宁县| 银川市| 七台河市| 孟村| 东山县| 渝中区| 阜阳市| 西充县| 同德县| 图片| 蚌埠市| 新安县| 益阳市|