AngularJS HTML DOM
以下指令用于将应用程序数据绑定到HTML DOM元素的属性上 –
序号 | 名称和描述 |
---|---|
1 | ng-disabled 禁用给定的控件。 |
2 | ng-show 显示给定的控件。 |
3 | ng-hide 隐藏给定的控件。 |
4 | ng-click 表示AngularJS的点击事件。 |
ng-disabled指令
在HTML按钮上添加ng-disabled属性,并将其传递给一个模型。将该模型绑定到复选框上,并查看变化。
ng-show指令
在HTML按钮上添加ng-show属性,并将其传递给一个模型。将该模型绑定到一个复选框上,然后观察变化。
ng-hide指令
在HTML按钮上添加ng-hide属性,并将其传递给一个模型。将该模型绑定到一个复选框上,然后观察变化。
ng-click指令
给HTML按钮添加ng-click属性并更新一个模型。将模型绑定到HTML并观察变化。
示例
下面的示例展示了所有上述指令的用法。
testAngularJS.htm
输出
在Web浏览器中打开文件 testAngularJS.htm 并查看结果。