Augular JS里的各种ng-

本文详细介绍了AngularJS中常用的指令,包括ng-disabled、ng-tap、ng-change等,并提供了实际应用场景的例子,帮助开发者更好地理解和运用这些指令。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

[size=x-large]正文:[/size]
[size=medium]1.ng-disabled="一种状态:该状态下不可用"例如:[/size]
%button.btn.btn-2(ng-disabled="!activity_name")创建 //"activity_name"是一个可判断的值,当其值为true时,按钮可正常显示;flase时,按钮为灰色不可点

[size=medium]2.ng-tap="一个函数:点击时触发"[/size]
%button.btn.btn-2( ng-tap="create_activity()")创建 //当点击创建时会调用create_activity()函数,需要在Controller.js中定义其function

[size=medium]3.ng-change="一个函数:有改变时触发"  [/size]
%input(type="text" ng-change="activity_name" )//相当于watch的作用

[size=medium]4.ng-blind="字符串"[/size]
%p(ng-blind="greeting")  //greeting是一个字符串,可在Controller.js中定义

[size=medium]5.ng-model="取一个名字"[/size]
%input(type="text" ng-model="activity_name" ) //给input来一个绑定

[size=medium]6.ng-repeat="元素 in 数组"[/size]
%li(ng-repeat="name in names")
  {{name}}  //names是一个数组,ng-repeat对于数组中的每一项都创建一次一组元素的一份副本

[size=medium]7.ng-show(hide)="一个判断条件:当其值为true(false)时,按钮显示"[/size]
%button("ng-show="judge")返回 //其中judge是一个判断,可以使用函数返回值,或者直接传递一个值

[size=medium]8.ng-switch="一个判断值"[/size]
.header-right( ng-switch="apply_status" )
%button.btn-4(ng-switch-default)开始
%button.btn-4(ng-switch-when="2")开始
%button.btn-4(ng-switch-when="1")结束 //与switch相近

[size=x-large]参考:[/size]
[size=medium]Augular JS官方介绍:[url]http://docs.angularjs.org/api/ng[/url][/size]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值