前端开发

 首页 > 前端开发 > AngularJS > 简介AngularJS的HTML DOM支持情况_AngularJS_自学php网

简介AngularJS的HTML DOM支持情况_AngularJS_自学php网

分享到:
【字体:
导读:
          这篇文章主要介绍了AngularJS的HTML DOM支持情况,包括ng-hide和ng-click指令的使用,需要的朋友可以参考下...

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

201561794017811.jpg (742×213)

 添加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 DOM


AngularJS Sample Application

Disable Button
Show Button
Hide Button

Total click: {{ clickCounter }}

输出

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

201561794134891.png?watermark/1/image/aHR0cDovL3N0YXRpYy5uYmxhLmNuLzEzMTAxMTYxMDktMi5wbmc=/dissolve/100/gravity/SouthEast/dx/10/dy/0 (694×337)

分享到:
举例讲解AngularJS中的模块_AngularJS_自...
 AngularJS支持模块化的方法。模块用于单独的逻辑表示服务,控制器,应用程序等,并保持代码的整洁。我们在单独的js文件中定义的模块,并将其命名为按照module.js文件形式。在这个例子中,我们要创建两个模块。     Application Module - 用于初始化控制器应用程序     Controller Module - 用于定义控制器 ...
AngularJS基础学习笔记之指令_AngularJS_...
AngularJS通过指令将HTML属性进行了扩展。 AngularJS指令   AngularJS指令是带有ng-前缀的扩展HTML属性。   ng-app指令用来初始化AngularJS application。   ng-init指令用来初始化application数据。   ng-model指令用来将HTML控件(如input,select,textarea等)的值绑定到application数据。 Name:...
  •         php迷,一个php技术的分享社区,专属您自己的技术摘抄本、收藏夹。
  • 在这里……