Angular指令

作者: 刘相玉 | 来源:发表于2018-01-24 23:19 被阅读0次

一.angular的内置指令
ng-app 指定应用模块,至少一个
ng-controller:指定控制器
ng-show 控制器元素是否显示,true显示,false不显示
ng-hide控制元素是否隐藏,true隐藏,false不隐藏
ng-src 增强图片的路径
ng-if 控制元素是否存在
ng-href 增强地址
ng-class控制类名
ng-include 引入模板
ng-disabled 表单禁用
ng-readonly表单只读
ng-checked单/复选框是否被选中
ng-selected 下拉框是否被选中
ng-repeat:对数组的遍历
ng-style 控制样式
ng-include:引入其他文件
原理是发送了一个AJAx请求,把请求的结果插入到dom中
ng-switch和ng-switch-when一般是成对出现的,控制是否条件满足显示和隐藏

相关文章

  • angular内置指令相关知识

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

  • 自定义指令(上)

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

  • Angular - 指令

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

  • Angular 指令,管道,服务

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

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

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

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

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

  • AngularJS入门

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

  • angular笔记三

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

  • 重构过程中的信息记录二

    Angular深入理解之指令 angular 事件绑定/属性绑定 @HostListener ,@HostBind...

  • ng事件指令

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

网友评论

    本文标题:Angular指令

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