简介AngularJS的HTML DOM支持情况_AngularJS

程序员文章站 2022-04-08 09:55:34

...

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

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

Show Button

ng-hide 指令

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

Hide Button

ng-click 指令

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

Total click: {{ clickCounter }}

例子

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


AngularJS HTML DOMAngularJS Sample Application




Disable Button
  



Show Button
  



Hide Button
  


Total click: {{ clickCounter }}

输出

在Web浏览器打开textAngularJS.html，看到以下结果：

简介AngularJS的HTML DOM支持情况_AngularJS

AngularJS Sample Application