标签指令下的文章

Jerry Bendy 发布于 04月26, 2016

【译】创建自定义angularJS指令(七)- 使用 $asyncValidators 创建唯一值指令

基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators在上一篇文章中我演示了如何创建一个唯一值校验的指令来确定一个email地址是否已经被使用过。在AngularJS1.3+以上的版本中增加了许多新的特性可以使指令的代码变得更加整洁并且更易于使用。在这篇文章中,我将会更新之前的代码,尝试一下新的特性。下面展示的代码是CustomerManagerStandard中的一部分,你可以在Github上看到完整的代码。下面的截图是运行后的一部分,在截图中,email地址已经被其它用户...

阅读全文 »

Jerry Bendy 发布于 04月26, 2016

【译】创建自定义angularJS指令(六)- 使用控制器

基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators在这个AngularJS指令系列的文章中你已经了解到一些指令的关键部分,但还没有任何指令与控制器绑定相关的内容。控制器在AngularJS中的典型用途就是把路由和视图联系在一起,在指令中也是如此。事实上,在指令中使用控制器通常会使代码看起来更简洁,并且更易于维护。当然,指令中的控制器是可选的,如果你喜欢用简单的方式创建指令,你会发现控制器在很多情况下是适用的,并且更好用。使用控制器会让指令看起来更像是“子视图”。在这篇文章...

阅读全文 »

Jerry Bendy 发布于 04月25, 2016

【译】创建自定义angularJS指令(四)- transclude与restrict

基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators在这个系列的第三节中,我们介绍了怎样定义函数独立作用域属性并且传递参数给函数。这一节我将讲解关于指令的包含(transclude)与限制(restrict)。restrict(约束)指令在HTML里可以被定义为元素、属性、CSS类或者注释。那么你将如何限制你的自定义指令可以使用哪种方式?为了限制一个指令可以如何以及在哪里被使用,你可以用restrict属性来定义,它可以接收以下值:E——元素指令可以作为一个独立的元素使用,...

阅读全文 »

Jerry Bendy 发布于 04月08, 2016

【译】创建自定义angularJS指令(三)- 独立作用域和函数参数

基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators文章的第二部分我们介绍了独立作用域以及独立作用域如何被用来使指令更易于重用。关于独立作用域的很大一部分都是本地作用域属性以及如何使用如@、=以及&来处理数据绑定和委托。使用这些属性你可以传递数据到AngularJS的指令中,以及从指令中输出数据。如果你对这方面还不了解的话可以先阅读上一篇关于独立作用域的文章。这一节将着重讲下指令本地作用域属性中的函数部分,&的具体用法。独立作用域和函数参数通过使用本地作用域...

阅读全文 »

Jerry Bendy 发布于 04月03, 2016

【译】创建自定义angularJS指令(二)- 独立作用域

基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidators在这个系列的第一篇文章中介绍了AngularJS自定义指令以及一些简单的例子,这篇文章我们去了解下AngularJS的独立作用域,以及独立作用域在创建自定义指令时有多重要。什么是独立作用域?默认情况下,指令是可以直接访问父作用域中的属性的。例如,下面的指令依靠父作用域来输出一个自定义对象的name和street属性:angular.module('directivesModule').directive('myShared...

阅读全文 »

Jerry Bendy 发布于 04月01, 2016

【译】创建自定义angularJS指令(一)- 基础

基础独立作用域独立作用域和函数参数transclude与restrictlink函数使用控制器CreatingaUniqueValueDirectiveusing$asyncValidatorsAngularJS提供了很多指令可以帮助我们操作DOM、处理事件、数据绑定、绑定控制器与作用域(ngView)等等。例如ngClick、ngShow、ngHide、ngRepeat以及其它很多AngularJS核心的指令都可以帮助我们很轻松的使用这个框架。虽然内置的指令已经覆盖了大部分的使用场景,但在实际使用中为了简化操作或组件重用等我们经常需要创建自己的指令。在这个系列的文章中我将一步步带你了解AngularJS指令是如...

阅读全文 »