听过隔壁正在举办派对Gsta，风光无限好我得去观摩观摩。
对不少普通的 Mac 用户来说，Automator 并不是一个会让人非常关注的服务，很多人都会...
不同于已经被“限胸令”束缚了手脚的Chinajoy，今年G-STAR上各位Showgirl的穿着依旧十...
谷歌指出，新的 Pixel 和 Pixel XL 智能手机均已默认提供加密技术，其中之一就是之前...
如果 Safari 的扩展程序造成了 Mac 死机和其他故障，或者你只是单纯的不想再使用它们...
在 OLED 各大供应商的激进扩张之下，iPhone 将有可能更早完成从 LCD 到 OLED 显示屏幕...
最近 PWC（资诚联合会计事务所）就公布了一份 2016 年全球 ICT 50 强企业，与去年相比...
为了提升 iPhone 和 iPad 在印度市场的销量，苹果和花旗银行联手推出了一系列优惠活动...
《校园橄榄球》在画面上有着自己独特的风格，游戏的美漫风格也体现的淋漓尽致。
西山居突然画风一转，为玩家带来了一款满是二次元、宅元素的ARPG手游《少女咖啡枪》。
有事没事多淘淘 App Store，指不定啥时候就给自己省了一大笔钱哦呵呵呵呵。
本周，Bento在苹果商店中推出了一款极具创意的叙事拼图游戏《不可言说（unWorded）》...
《陷阱大冒险》在画风上给人一种相当可爱的感觉，大量暖色的运用以及还算不错的光影效...
《方块赛车（Blocky Racer）》是由Blocky Football和Agent Dash原班人马倾力打造的一...
在未来当人类的活动范围扩展到太空中之后，战争与争端就是无法避免的了。近日，游戏开...
Oak 套件就是专为 iPhone 设计的 AR 套件，不仅能够让用户享受 AR 乐趣，同时 Oak 还...
这款超豪华 Lightning 底座按照材质可以分为 24K 纯金、18K 玫瑰金和 950 铂金这 3 个...
零售商 B&H 表示，苹果将会在 12 月 16 日推出配备 W1 无线芯片的新款 BeatsX 耳机。
苹果提供一年包换服务，如果你的数据线在购买后的第一年内出现损坏，苹果会无偿换新，...
捷克最大的在线零售商以及苹果的授权经销商 Alza.cz 表示，AirPods 无线耳机预计将于 ...
科贝尔智能饮品机可以让你不费吹灰之力喝到令人心满意足的各种美味饮品。
这款产品能够让 iPhone 7 拥有双卡双待功能，同时还可以使用外置存储卡和备用的电池。
苹果公司 iPhone 和 iPad 组装厂商鸿海日前发布了新的财报数据，显示今年第三季度他们...
型号：NG4E2CH/A是什么机子啊。官方翻新的还是官换机啊！！！！
注册时间 最后登录
在线时间40 小时 UID
主题帖子人气
小苹果, 积分 29, 距离下一级还需 21 积分
型号：NG4E2CH/A是什么机子啊。官方翻新的还是官换机啊！！！！
注册时间 最后登录
在线时间2725 小时 UID
主题帖子人气
官换机回楼主比特仑苏还纯~于1 分钟前发表的:&&型号：NG4E2CH/A是什么机子啊。官方翻新的还是官换机啊！！！！......
注册时间 最后登录
在线时间1032 小时 UID
主题帖子人气
n开头的都是售后出来的吧
注册时间 最后登录
在线时间40 小时 UID
主题帖子人气
这机子我查不到保修到期时间，觉得是什么问题呢？
注册时间 最后登录
在线时间226 小时 UID
主题帖子人气
看似表面是官换机。是不是官翻机。你得弄清楚一件事。你这个机子之前换机子的时候是港版还是国行。港换行就是官翻机。保修期还不是满的。找个电信卡试试。不支持电信3g那他就是翻新机。
注册时间 最后登录
在线时间40 小时 UID
主题帖子人气
看似表面是官换机。是不是官翻机。你得弄清楚一件事。你这个机子之前换机子的时候是港版还是国行。港换行就 ...
这机子是我老姐闺蜜的。女人嘛，肯定不懂，我是喜欢搞清楚，所以来问问。
威锋旗下产品
Hi~我是威威！
沪公网安备 29号　|　沪ICP备号-1
新三板上市公司威锋科技（836555）
增值电信业务经营许可证：
Powered by Discuz!AngularJS内置指令
投稿：hebedich
字体：[ ] 类型：转载 时间：
这篇文章主要详细介绍了AngularJS内置指令的使用方法，非常详细，常用的一些指令操作都做了总结，有需要的小伙伴参考下
指令，我将其理解为AngularJS操作HTML element的一种途径。
由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点，所以指令早已不陌生。
这篇日志简单记录了一些内置指令，先使用起来，再谈一些有趣的东西。
所有的内置指令的前缀都为ng，不建议自定义指令使用该前缀，以免冲突。
首先从一些常见的内置指令开始。
先列出一些关键的内置指令，顺便简单说说作用域的问题。
将表单控件和当前作用域的属性进行绑定，这么解释似乎也不太正确。
但先不要管咬文嚼字，用起来倒是易懂，例如:
&input type="text" ng-model="someModel.someProperty" /&&br&
{{someModel.someProperty}}
该指令被调用时会初始化内部作用域。
这个指令一般会出现在比较小的应用中，比如给个demo什么的...
&div ng-init="job='fighter'"&
&&& I'm a/an {{job}}
除了ng-init，我们还有更多更好的选择。
每一次用AngularJS都离不开这个指令，顺便说下$rootScope。
声明了ng-app的元素会成为$rootScope的起点，而$rootScope是作用域链的根，通常声明在&html&你懂的。
也就是说根下的作用域都可以访问它。
但是，不建议过度使用$rootScope，免得全局变量满天飞，效率又差又难管。
下面是一个例子:
&html ng-app="myApp"&
&&& {{ someProperty }}
var myApp = angular.module('myApp', [])
.run(function($rootScope) {
&&& $rootScope.someProperty = 'hello computer';
ng-controller
我们用这个指令在一个DOM元素上装上controller。
一个控制器? 确实，从字面意思上这样理解倒是不错，那我们为什么需要控制器?
记得AngularJS 1.2.x时还可以这样定义controller来着...
function ohMyController($scope) {
AngularJS 1.3.x中禁止了这种方式，因为这种方式会让controller满天飞，分不清层次，所有东西都挂在$rootScope上...
ng-controller必须有一个表达式作为参数，另外通过$scope来继承上级$scope的方法和属性什么的，$rootScope也包括在内。
下面只是一个简单的例子，ancestor无法访问child的作用域。
&div ng-controller="AncestorController"&
&&& {{ ancestorName }}
&&& {{ childName }}
&&& &div ng-controller="ChildController"&
&&&&&&& {{ ancestorName }}
&&&&&&& {{ childName }}
&&& &/div&
var myApp = angular.module('myApp', [])
.controller('ChildController', function($scope) {
&&& $scope.childName = 'child';
.controller('AncestorController', function($scope) {
&&& $scope.ancestorName = 'ancestor';
作用域的问题远不止如此，暂且搁下，继续看看其他内置指令。
起初不明白为什么会有个表单指令，&form&标签感觉也够用啊。
以表单验证为例，在上一篇中有这么一段代码:
&input type="submit" ng-disabled="mainForm.$invalid" /&
也就是表单的状态为$invalid时禁用提交按钮。
如果场景再稍微复杂一点点，比如一个父表单中有多个子表单，子表单中有3个验证通过时父表单便可以提交。
但是，&form&是不可以嵌套的。
考虑到这种场景，我们便使用ng-form指令来解决这一问题。
&form name="mainForm" novalidate&
&&& &div ng-form="form1"&
&&&&&&& 姓名:&input type="text" ng-required="true" ng-model="name"/&&br&
&&&&&&& 证件号码:&input type="number" ng-minLength="15" ng-maxLength="18" ng-required="true" ng-model="idnum"/&
&&& &/div&
&&& &div ng-form="form2"&
&&&&&&& 监护人姓名:&input type="text" ng-required="true" ng-model="gname"/&&br&
&&&&&&& 监护人证件号码:&input type="number" ng-minLength="15" ng-maxLength="18" ng-required="true" ng-model="gidnum"/&
&&& &/div&
&&& &button ng-disabled="form1.$invalid && form2.$invalid"&submit all&/button&
ng-disabled
像这种只要出现则生效的属性，我们可以在AngularJS中通过表达式返回值true/false令其生效。
禁用表单输入字段。
&textarea ng-disabled="1+1==2"&1+1=?&/textarea&
ng-readonly
通过表达式返回值true/false将表单输入字段设为只读。
弄个例子，3秒后变成只读.
&input type="text" ng-readonly="stopTheWorld" value="stop the world after 3s"/&
.run(function($rootScope,$timeout){
&&& $rootScope.stopTheWorld=
&&& $timeout(function(){
&&&&&&& $rootScope.stopTheWorld =
&&& },3000)
ng-checked
这个是给&input type="checkbox" /&用的，比如...
&input type="checkbox" ng-checked="someProperty" ng-init="someProperty = true" ng-model="someProperty"&
ng-selected
给&select&里面的&option&用的，例子:
&&& &input type="checkbox" ng-model="isFullStack"&
&&& I'm Full Stack Engineer
&&& &option&Front-End&/option&
&&& &option&Back-End&/option&
&&& &option ng-selected="isFullStack"&Full Stack !!!&/option&
ng-show/ng-hide
根据表达式显示/隐藏HTML元素，注意是隐藏，不是从DOM移除，例如:
&div ng-show="1+1 == 2"&
&div ng-hide="1+1 == 3"&
&&& you can't see me.
不是HTML那套onXXX之类的，而是ng-XXX。
结合ng-model使用，以ng-change为例:
&input type="text" ng-model="calc.arg"& ng-change="calc.result = calc.arg*2" /&
&&& &code&{{ calc.result }}&/code&
或者比如ng-options
其实这个也是一个指令，也许觉得和ng-bind差不多，但页面渲染略慢时可能会被看到。
另外，{{}}的performance远不如ng-bind，只是用起来很方便。
ng-bind的行为和{{}}差不多，只是我们可以用这个指令来避免FOUC(Flash Of Unrendered Content)，也就是未渲染导致的闪烁。
ng-cloak也可以为我们解决FOUC。 ng-cloak会将内部元素隐藏，直到路由调用对应的页面。
如果ng-if中的表达式为false，则对应的元素整个会从DOM中移除而非隐藏，但审查元素时你可以看到表达式变成注释了。
如果相进行隐藏，可以使用ng-hide。
&div ng-if="1+1===3"&
&&& 无法审查到该元素
&div ng-hide="1+1==2"&
&&& 可审查
单独使用没什么意思，下面是例子:
&div ng-switch on="1+1"&
&&& &p ng-switch-default&0&/p&
&&& &p ng-switch-when="1"&1&/p&
&&& &p ng-switch-when="2"&2&/p&
&&& &p ng-switch-when="3"&3&/p&
不明白为毛不叫iterate，总之是遍历集合，给每个元素生成模板实例，每个实例的作用域中可以用一些特殊属性，如下:
不用特地解释，这些都很容易看出来是干什么的，下面是一个例子:
&&& &li ng-repeat="char in
&&& [{'alphabet': 'K'},
&&& {'alphabet': 'A'},
&&& {'alphabet': 'V'},
&&& {'alphabet': 'L'},
&&& {'alphabet': 'E'},
&&& {'alphabet': 'Z'}] " ng-show="$even"&{{char.alphabet}}&/li&
起初我在一个文本域中弄了个ng-model，然后像这样&a href="{{myUrl}}"&在href里面写了进去。
其实这样href和ng-href看不出什么区别，所以我们可以试试这样:
&ul ng-init="myHref=''"&
&&& &li&&a ng-href="{{ myHref }}"&{{linkText}}&/a&&/li&
&&& &li&&a href="{{ myHref }}"&可以点击，但不一定是正确的地址&/a&&/li&
.run(function($rootScope, $timeout) {
&&& $rootScope.linkText = '尚未加载，您无法点击';
&&& $timeout(function() {
&&&&&&& $rootScope.linkText = '请点击'
&&&&&&& $rootScope.myHref = '';
&&& }, 2000);
大同小异，即表达式生效前不要加载该资源。
例子(ps: 图片不错! ):
&img ng-src="{{imgSrc}}"/&
.run(function($rootScope, $timeout) {
&&& $timeout(function() {
&&&&&&& $rootScope.imgSrc = '/images/daftpunktocat-guy.gif';
&&& }, 2000);
用作用域中的对象动态改变类样式，例如:
&&& .red {background-color:}
&&& .blue {background-color:}
&div ng-controller="CurTimeController"&
&&& &button ng-click="getCurrentSecond()" &Get Time!&/button&
&&& &p ng-class="{red: x%2==0,blue: x%2!=0}" &Number is: {{ x }}&/p&
.controller('CurTimeController', function($scope) {
&&& $scope.getCurrentSecond = function() {
&&&&&&& $scope.x = new Date().getSeconds();
以上就是本文所述的全部内容了，希望大家能够喜欢。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具李明琰,何文凯,陈建威,等.Ad-HIF-1α-Trip肌肉注射对大鼠缺血肢体血管新生和血液灌注的影响[J].第三军医大学学报,):1518. 　Li Mingyan,He Wenkai,Chen Jianwei,et al.Effects of Ad-HIF-1α-Trip transfer on angiogenesis and blood perfusion in a rat model of hind limb ischemia[J].J Third Mil Med Univ,):1518. [2]朱继,唐文渊.重组质粒pCDNA3.1(+)/Ng对局灶性脑缺血大鼠脑保护作用的研究[J].第三军医大学学报,):1024. 　ZHU Ji,TANG Wen-yuan.Protective role of recombinant plasmid pCDNA3.1(+)/Ngb during focal cerebral ischemia of rat brain[J].J Third Mil Med Univ,):1024. [3]何国祥,蒋清安,刘建平,等.低压稳恒直流电场促进兔梗死-缺血心肌血管新生的效应[J].第三军医大学学报,):402. 　HE Guo-xiang,JIANG Qing-an,LIU Jian-ping,et al.Efficacy of weak steady direct current electrical fields in chronic myocardial infarction rabbits[J].J Third Mil Med Univ,):402. [4]张建忠,景丽,郭风英,等.磷酸化细胞外信号调节蛋白激酶加重糖尿病大鼠脑缺血性损伤[J].第三军医大学学报,):2339. 　ZHANG Jian-zhong,JING Li,GUO Feng-ying,et al.Phosphorylation of extracellular signal？regulated protein kinase induced neuronal death under brain ischemia in diabetic rats[J].J Third Mil Med Univ,):2339. [5]杨涌涛,陈康宁,贺伟峰,等.正常与脑缺血大鼠脑皮质线粒体的比较蛋白质组学研究[J].第三军医大学学报,):964. 　YANG Yong-tao,CHEN Kang-ning,HE Wei-feng,parative proteomic analysis on cerebral cortex mitochondria between ischemic and normal cerebral contex in rats[J].J Third Mil Med Univ,):964. [6]李静,周华东,王延江,等.脑缺血对阿尔茨海默病大鼠认知功能的影响[J].第三军医大学学报,):1264. 　LI Jing,ZHOU Hua-dong,WANG Yan-jiang,et al.Effect of cerebral ischemia on the cognitive function of Alzheimer’s disease model of rats[J].J Third Mil Med Univ,):1264. [7]鲁利群,赵聪敏,蒲昭霞.生长相关蛋白在缺氧缺血性脑损伤新生大鼠海马中的表达变化[J].第三军医大学学报,):2160. [8]张雨平,赵聪敏,王丽雁,等.Caspase-3抑制剂抗新生鼠缺氧缺血脑损伤作用的观察[J].第三军医大学学报,):2068. [9]鲁利群,赵聪敏,蒲昭霞.早期丰富环境干预对缺氧缺血性脑损伤新生鼠海马GAP-43表达的影响[J].第三军医大学学报,):2071. [10]王丽雁,赵聪敏,张雨平,等.AMPA受体拮抗剂对新生鼠缺氧缺血性脑损伤的保护作用[J].第三军医大学学报,):1787.
被如下文章引用：
AUTHORS: ,,,
KEYWORDS: 脑缺血,血管新生,神经功能
JOURNAL NAME:
Jan 09, 2016
ABSTRACT: 目的　探讨脑缺血区血管新生和神经功能缺失修复的关系以及选择较理想的外源性干预途径增加脑缺血区血管新生。　方法　选择240只SD大鼠分为假手术组、缺血对照组、缺血加VEGF腹腔注射组、缺血加血管内皮祖细胞移植组和缺血加血管内皮因子单克隆抗体组，在1、3、7、14、30、60d观察各组脑缺血及周边区的血管密度和大鼠的电生理指标（体感诱发电位和运动诱发电位）及行为学（感觉损伤移交实验、轮转跑步机运动功能测定和mNSS改良神经功能评分）。　结果　缺血加VEGF腹腔注射组、缺血加血管内皮祖细胞移植组的新生血管密度除1d外其他各时间点均高于缺血对照组（P<0.05），缺血加血管内皮因子单克隆抗体组在后5个时间点新生血管密度小于缺血对照组（P<0.05）。缺血加VEGF腹腔注射组、缺血加血管内皮祖细胞移植组和缺血加血管内皮因子单克隆抗体组在7d后体感诱发电位和运动诱发电位与缺血对照组有统计学差异（P<0.05）。与缺血对照组相比，缺血加VEGF腹腔注射组、缺血加血管内皮祖细胞移植组和缺血加血管内皮因子单克隆抗体组在3d后行为学评分有统计学差异（P<0.05）。　结论　通过外源性干预脑缺血模型大鼠缺血区血管新生，可以影响神经功能缺失的修复；且单次移植血管内皮祖细胞与VEGF多次注射用药可以达到相同的效果。