📌  相关文章
📜  AngularJS-HTML DOM

📅  最后修改于: 2020-10-27 02:50:42             🧑  作者: Mango

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

Sr.No. Name & Description
1

ng-disabled

disables a given control.
2

ng-show

shows a given control.
3

ng-hide

hides a given control.
4

ng-click

represents a AngularJS click event.

禁用ng的指令

将ng-disabled属性添加到HTML按钮，然后将其传递给模型。将模型绑定到复选框，然后查看变化。

Disable Button

ng-show指令

将ng-show属性添加到HTML按钮，然后将其传递给模型。将模型绑定到复选框，然后查看变化。

Show Button

ng-hide指令

将ng-hide属性添加到HTML按钮，然后将其传递给模型。将模型绑定到复选框，然后查看变化。

Hide Button

ng-click指令

将ng-click属性添加到HTML按钮并更新模型。将模型绑定到HTML并查看变化。

Total click: {{ clickCounter }}

例

以下示例显示了上述所有指令的使用。

testAngularJS.htm

现场演示
AngularJS HTML DOM
   
   
   
      
AngularJS Sample Application

      
      

         

            

               Disable Button
               
            

            

               Show Button
               
            

            

               Hide Button
               
            

            

               
Total click: {{ clickCounter }}

输出

在网络浏览器中打开文件testAngularJS.htm并查看结果。