AngularJS HTML DOM详解及示例代码

前端之家收集整理的这篇文章主要介绍了AngularJS HTML DOM详解及示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

以下指令可用于应用程序数据绑定到HTML DOM元素的属性

S.No. 显示一个给定的控制

ng-disabled 指令

添加ng-disabled属性到一个HTML按钮,通过它的模型。该模型绑定到复选框,看看以下变化。

Box" ng-model="enableDisableButton">Disable Button

ng-show 指令

添加ng-show属性到一个HTML按钮,并把它传递模型。绑定模型到复选框,看看以下变化。

Box" ng-model="showHide1">Show Button

ng-hide 指令

添加ng-hide属性为HTML按钮,通过它的模型。绑定模型到复选框,看看以下变化。

Box" ng-model="showHide2">Hide Button

ng-click 指令

添加ng-click属性为HTML按钮并更新模型。模型绑定HTML看看结合的变化。

Total click: {{ clickCounter }}

例子

下面的例子将展示上述所有指令。

testAngularJS.html

AngularJS HTML DOM

AngularJS Sample Application

Box" ng-model="enableDisableButton">Disable ButtonBox" ng-model="showHide1">Show ButtonBox" ng-model="showHide2">Hide ButtonTotal click: {{ clickCounter }}

猜你在找的JavaScript相关文章

名称 描述