栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

简介AngularJS的HTML DOM支持情况

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

简介AngularJS的HTML DOM支持情况

以下指令可用于应用程序数据绑定到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 DOM


AngularJS Sample Application

Disable Button
Show Button
Hide Button

Total click: {{ clickCounter }}

输出

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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/102052.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号