Augular JS里的各种ng--优快云博客

本文链接：https://blog.youkuaiyun.com/iteye_4960/article/details/82572617

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

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

[size=x-large]正文：[/size]
[size=medium]１．ng-disabled="一种状态：该状态下不可用"例如：[/size]

%button.btn.btn-2(ng-disabled="!activity_name")创建　//"activity_name"是一个可判断的值，当其值为true时，按钮可正常显示;flase时，按钮为灰色不可点

[size=medium]２．ng-tap="一个函数：点击时触发"[/size]

%button.btn.btn-2( ng-tap="create_activity()")创建　//当点击创建时会调用create_activity()函数，需要在Controller.js中定义其function

[size=medium]３．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]５．ng-model＝＂取一个名字＂[/size]

%input(type="text" ng-model="activity_name" )　//给input来一个绑定

[size=medium]６．ng-repeat＝＂元素　in 数组＂[/size]

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

[size=medium]７．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]