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. Effective Java 第三版——53. 明智而审慎地使用可变参数

    Tips 书中的源代码地址:https://github.com/jbloch/effective-java-3e-source-code 注意,书中的有些代码里方法是基于Java 9 API中的,所 ...

  2. Java日志框架（Commons-logging,SLF4j,Log4j,Logback)

    简介 在系统开发中,日志是很重要的一个环节,日志写得好对于我们开发调试,线上问题追踪等都有很大的帮助.但记日志并不是简单的输出信息,需要考虑很多问题,比如日志输出的速度,日志输出对于系统内存,CPU的 ...

  3. 手动下载python更新后 换回以前版本

    因为用的时Ubuntu略低版本的,不想更新版本,但是经常更新内核和其他软件,尤其是最近自己更新python,但是软件更新救出错了,而且不能打开“Languae Support”(软件支持)和ibus输 ...

  4. iOS开发 关于启动页和停留时间的设置

    引言: 在开发一款商业App时,我们大都会为我们的App设置一个启动页. 苹果官方对于iOS启动页的设计说明: 为了增强应用程序启动时的用户体验,您应该提供一个启动图像.启动图像与应用程序的首屏幕看起 ...

  5. oracle11g重新安装oem

    1.重新设置sys sysman DBSNMP密码 alter user dbsnmp identified by **: 2.select 'drop public synonym '|| syno ...

  6. Android ShareUserId 使用总结

    今天讲一下Android里面经常看到却不太留意的知识点——ShareUserId,在Android里面每个app都有一个唯一的linux user ID,则这样权限就被设置成该应用程序的文件只对该用户 ...

  7. 模仿ReentrantLock类自定义锁

    简介 临近过年了,没什么需求,今天模仿ReentrantLock自定义写了一个自己锁,在这里记录一下,前提是对AQS原理有所了解,分享给大家 1.自定义锁MyLock package com.jack ...

  8. 【emWin】例程十五：触摸校准实例——五点校准法

    介绍: 该例程介绍如何校准4.3寸.7寸液晶显示屏.校准方法如下: 1.进入以下界面,用户可选择是否进入校准界面进行液晶校准 *点击屏幕任何地方可进入校准界面 *不采取任何操作,几秒钟后会进入触摸测试 ...

  9. jquery easyui 中tab页添加其他页面，href与content的用法与区别

    //tab页增加 function addPanel(name,url){ var dd = $('#tt').tabs('exists',name); if(dd){ $('#tt').tabs(' ...

  10. FPGA编程—组合逻辑编码器等verilog实现

    本篇博客主要实现对组合逻辑电路的一些常用模块的实现.组合逻辑中,包括译码器,编码器,输入输出选择器,数值比较器,算法单元等.  先来实现编码器,最常用的8-3编码器,这里先讲一下要用到的case ,c ...