美文网首页
angular的指令

angular的指令

作者: 池池吴 | 来源:发表于2022-09-13 16:41 被阅读0次

1.ng-app 指令

初始化一个 AngularJS 应用程序,定义了 AngularJS 应用程序的 根元素。

告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者

在网页加载完毕时会自动引导(自动初始化)应用程序

2.ng-init 指令

为 AngularJS 应用程序定义了 初始值。

通常情况下,不使用 ng-init。您将使用一个控制器或模块来代替它

3.ng-model 指令

把元素值(比如输入域的值)绑定到应用程序

绑定 HTML 元素 到应用程序数据。

为应用程序数据提供类型验证(number、email、required)。

为应用程序数据提供状态(invalid、dirty、touched、error)。

为 HTML 元素提供 CSS 类。

绑定 HTML 元素到 HTML 表单。

4.ng-repeat 指令

会重复一个 HTML 元素指令用在一个对象数组上

对于集合中(数组中)的每个项会 克隆一次 HTML 元素

5.ng-bind指令

绑定HTML元素到应用程序数据

6.ng-blur指令

规定blur事件的行为

7.ng-change指令

规定内容在要改变时要执行的表达式

8.ng-checked指令

规定元素是否被选中

9.ng-class指令

规定HTML需要使用的css类

10.ng-click指令

规定元素被点击时的行为

11.ng-cloak指令

在用户正要被加载时防止其上说

12.ng-controller指令

定义应用的控制器对象

13.ng-copy指令

规定拷贝事件的行为

14.ng-dbclick指令

规定双击事件的行为

15.ng-disabled指令

规定一个元素是否被禁用

相关文章

  • angular内置指令相关知识

    大纲 1、angular指令的分类2、angular指令之——组件3、angular指令之——属性指令 (ngSt...

  • 自定义指令(上)

    简介 在常用指令的章节中我们讲了Angular提供的指令,这些指令是Angular内部封装好指令,我们开箱...

  • Angular - 指令

    前言 使用指令的优势在于,我们无需太多关心指令的内部实现(当给 Angular 应用添加所需指令后,Angular...

  • Angular 指令,管道,服务

    1. 指令 Directive 指令是 Angular 提供的操作 DOM 的途径。指令分为属性指令和结构指令...

  • AngularJS入门

    Angular应用程序启动 ng-app指令 指令指定Angular应用程序的根(root)元素,用于启动Angu...

  • angular笔记三

    angular第三天 1.自定义指令 官方都是以ng-开头的指令,而angular内部可以通过自定义指令来创建属于...

  • 2018-10-19 angular2+安装及常用npm指令

    一、angular2+安装步骤 二、angular2+ npm常用指令

  • Angular ngIf 跟他的新伙伴 else 和 then

    参考:https://angular.cn/api/common/NgIf Angular 扩展了ngIf 指令,...

  • ng事件指令

    概述 Angular JS对各种事件进行了对应指令的封装,使其能够更好的配合Angular JS使用。具有ng指令...

  • angular ng指令

    1.指令 ng-app,ng- 都是angular的指令系统ng-app: ng-app是angular的初始化,...

网友评论

      本文标题:angular的指令

      本文链接:https://www.haomeiwen.com/subject/bzpdnrtx.html