1、ng-app：告诉Angular他应该管理页面的那一部分，可以放在html元素上也可以放在div等标签上
例：<html ng-app="problem">

2、ng-controller:控制器，通过在body标签上包含一个控制器，可以管理body标签之间的任何东西，也可以放在div上，来控制这一个div上的任何东西
例如：<body ng-controller="listController"> <div ng-controller="listController">

3、{{......}}：将变量的值插入到页面某部分和保持同步（表达式）

4、ng-repeat:数组中每个元素进行for循环
例：
<tr ng-repeat="info in problem.infos">
<td>
<div>
<p>{{info.ClientOrgName}}</p>
<p>({{info.ClientPerson}} {{info.ClientPhone}})</p>
</div>
</td>
<td>{{info.BusinessName}}</td>
<td>
<a href="" ng-click="problem.viewProblemDepict($index)">{{info.ProblemDepict}}</a>
</td>
<td>{{info.CreatePerson}}</td>
<td>
<div ng-if="info.State==3"></div>
<div ng-else>{{info.RealName}}</div>
</td>
<td>
<div ng-if="info.State==1">未解决</div>
<div ng-if="info.State==2">已解决</div>
<div ng-if="info.State==3">完成</div>
</td>
</tr>
<tr data-ng-if="problem.infos.length==0">
<td colspan='8'>
<div style="text-align: center;">没有符合条件的项</div>
</td>
</tr>

5、currency：过滤器，将美元形式格式化 例：currency : '￥' "

6、ng-model：指令把元素值（比如输入域的值）绑定到应用程序，创建输入字段的数据绑定，{{.......}}建立的是单向的联系。ng-model能与checkbox、input、radio等标准的元素正常的工作，如checkbox：SomeController中的$scope有一个youCheckedit的属性，选中为true没选中则为false

7、ng-init： 指令初始化应用程序数据 例：ng-init="firstName='John'"

8、ng-click：点击事件

9、ng-dbclick：双击事件

10、ng-bind：与{{......}}等价 例：ng-bind="goodInfo.goodsName"

11、ng-change:change事件

12、ng-submit自动的阻止浏览器发送默认的post动作

13、ng-src、ng-href与src、href等同

14、ng-option：在select用到，将option里的对象动态的生成

15、ng-href：与a标签中的href等同

16、ng-class：用来给元素绑定类名，其表达式的返回值可以是以下三种：

　　类名字符串，可以用空格分割多个类名，如 ‘class1 class2’；
　　类名数组，数组中的每一项都会层叠起来生效；
　　一个名值对应的map，其键值为类名，值为boolean类型，当值为true时，该类会被加在元素上。

17、ng-class-odd、ng-class-even

　　两个指令，用来配合 ng-repeat 分别在奇数列和偶数列使用对应的类，用在表格中实现隔行换色更方便

18、ng-style

　　ng-style 用来绑定元素的 css 样式，其表达式的返回值为一个 js 对象，键为 css 样式名，值为该样式对应的合法取值。用法比较简单：
　　例：

　　$scope.style = {color:'red'};　
　　<div ng-style="{color:'red'}">ng-style测试</div>
　　<div ng-style="style">ng-style测试</div>

AngularJs 常用指令标签的更多相关文章

  1. [AngularJS] 常用指令

    常用指令 ng-hide指令,用于控制部分HTML元素可见(ng-hide="false")和不可见状态(ng-hide="true"),如下: <div ...

  2. AngularJS常用指令

    一.指令 1.ng-app 定义应用程序的根元素 <div ng-app="app"></div> var app = angular.module('ap ...

  3. angular与angularjs常用指令的不同写法整理

    angularjs与angular 常用的指令写法的区别; 一:angularjs指令 1.ng-bind 使用给定的变量或表达式的值来替换 HTML 元素的内容 <p ng-bind=&quo ...

  4. AngularJS常用指令用法详解

    ng-class 1>ng-init   ng-bind 11111 2>ng-class 111 3>ng-repeat 3.1-数据绑定     ng-repeat可以绑定数组和 ...

  5. Angular JS从入门基础 mvc三层架构 常用指令

    Angular JS从入门基础  mvc模型 常用指令 ★ 最近一直在复习AngularJS,它是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心 ...

  6. 走进AngularJs(二) ng模板中常用指令的使用方式

    通过使用模板,我们可以把model和controller中的数据组装起来呈现给浏览器,还可以通过数据绑定,实时更新视图,让我们的页面变成动态的.ng的模板真是让我爱不释手.学习ng道路还很漫长,从模板 ...

  7. AngularJS常用插件与指令收集

    angularjs 组件列表 bindonce UI-Router Angular Tree angular-ngSanitize模块-$sanitize服务详解 使用 AngularJS 开发一个大 ...

  8. AngularJS之指令

    紧接上篇博客“初探AngularJS” 一.前言 在AngularJS中指令尤为重要且内容庞多,固单独提炼出来,梳理一番.如有错误,请不吝讲解. 好了,言归正传,让我们一起走进Angular指令的世界 ...

  9. 学习AngularJs:Directive指令用法（完整版）

    这篇文章主要学习AngularJs:Directive指令用法,内容很全面,感兴趣的小伙伴们可以参考一下   本教程使用AngularJs版本:1.5.3 AngularJs GitHub: http ...

随机推荐

  1. SNF.CodeGenerator代码生成器前夕-代码生成器初始配置

    如果你是第一次使用SNF快速开发平台的话,第一次运行代码生成器的话,可以需要以下信息来帮助你快速进行配置和使用. 代码生成器在使用之前有几个地方需要配置,如果是第一次登录会提示无授权,弹出一个框填入授 ...

  2. 用pigz代替gzip -- 并行压缩软件

    用pigz代替gzip By yejr on 03 十二月 2012 pig是个啥东东?官网:http://zlib.net/pigz一句话简介: A parallel implementation ...

  3. Atitit 数据库 标准库  sdk 函数库 编程语言 mysql oracle  attilax总结

    Atitit 数据库 标准库  sdk 函数库 编程语言 mysql oracle  attilax总结 1.1. 常见的编程语言以及数据库 sql内部函数库标准化库一般有以下api1 1.2. 各个 ...

  4. Cublas矩阵加速运算

    前言 编写 CUDA 程序真心不是个简单的事儿,调试也不方便,很费时.那么有没有一些现成的 CUDA 库来调用呢? 答案是有的,如 CUBLAS 就是 CUDA 专门用来解决线性代数运算的库. 本文将 ...

  5. 【iCore4 双核心板_ARM】例程十六：USB_HID实验——双向数据传输

    实验方法: 1.USB_HID协议免驱动,此例程不需要驱. 2.将跳线冒跳至USB_OTG,通过Micro USB 线将iCore4 USB-OTG接口与电脑相连. 3.打开上位机软件usb_hid. ...

  6. Ubuntu下的Wine&WineQQ

    一.安装Wine 1.添加PPA sudo add-apt-repository ppa:ubuntu-wine/ppa 2.更新列表 sudo apt-get update 3.安装Wine sud ...

  7. OpenGL 太阳系行星拾取例子（GL_SELECT） VS2008 + glut实现

    太阳系:Solar System 以太阳(Sun)为中心,由内到外分别是: 水星(Mercury) 金星(Venus) 地球(Earth) 火星(Mars) 木星(Jupiter) 土星(Saturn ...

  8. PHP伪造referer突破网盘禁止外链（附115源码）

    新建一个文件file.php.后面的参数就是需要伪造referfer的目标地址吧.如:file.php/http://www.xxx.xxx/xxx.mp3 复制内容到剪贴板 代码: <?$ur ...

  9. actor 内最好不要阻塞

    1. 在使用 akka cluster singleton 时,我需要知道被创建的 singleton proxy 的 actorRef,通过绝对路径加 actorSelection 方法,应该很容易 ...

  10. 解决在antd中使用 autoprefixer 9.4.5 会抛出错误 Replace text-decoration-skip: ink to text-decoration-skip-ink: auto, because spec had been changed 的问题

    其实这个和antd的版本有关系,只需要把antd的版本升级到3.12.4就可以了 yarn add antd@ --save 记得重新运行一下项目