在Angular指令中使用NgModelController做数据绑定

前言AngularJS中的指令是其尤为复杂的一个部分,但是这也是其比较好玩的地方。今天我们就来说一说AngularJS中的NgModelController。 在AngularJS的内置指令中,有一个directive叫做ngModel,我们可以用它来沟通控制器和视图层的数据交换

Category:

—— gejiawen 于2015-12-20 21:59:03创作

使用Angularjs的ng-cloak指令避免页面乱码

在使用Anguarjs进行web开发或者进行SPA(single page application)开发时,往往会遇到下面这样的问题。 刷新页面时,页面会出现一些乱码,这里的乱码具体是指`{{expression}}`或者`{{expression | filter}}`这种形式

Category:

—— gejiawen 于2014-12-28 16:10:58创作

AngularJS指令间的交互

本文将介绍AngularJS中指令间的交互方法。 假设我们有这样一个场景, 在一个html元素中有多条指令,且指令间有一些逻辑上的交互。 那么,我们如何来创建这些指令,而且让这些指令能够交互起来呢? 看下面的html代码, <superman strength>动感超人

Category:

—— gejiawen 于2014-11-05 10:24:34创作

如何在自定义directive的callback中传递参数

directive是angularjs中一个比较复杂的概念,是用户可自定义html标签的重要手段,本博客之前有一篇文章对angularjs中directive的用法做了非常详细的说明。 这篇文章有个部分提到了directive中关于scope的定义说明。 还是上篇文章的那个例子,

Category:

—— gejiawen 于2014-10-24 16:48:16创作

如何在自定义的directive中使用自定义的filter

笔者前两天在使用AngularJS做一个项目时,遇到这样一个需求,在一个自定义的directive中使用一个自定义的filter。刚开始我没有意识到这里面会涉及依赖注入的问题(唉,人蠢没办法啊!),导致走了不少弯路。 下面是具体的代码。 先是html部分的代码, <div

Category:

—— gejiawen 于2014-10-24 15:49:40创作

angularjs的依赖注入

AngularJS为我们提供了angular.injector(modules)DI注入注射器。但是在我们使用注入的时候常常是不需要关心具体的如何注入。我们只需要按照其规则书写我们的angularjs代码就会很容易的得到angularjs的DI特性。 一般有三种方法来做依赖注入。

Category:

—— gejiawen 于2014-07-17 17:37:14创作

创建可复用angularjs组件

AngularJS框架可以用Service和Directive降低开发复杂性。这个特性非常适合用于分离代码,创建可测试组件,然后将它们变成可重用组件。 Directive是一组独立的JavaScript、HTML和CSS,它们封装了一个特定的行为,它将成为将来创建的Web组件的组

Category:

—— gejiawen 于2014-07-17 17:04:29创作

AngularJS的ngTransclude

transclued的定义Transclude好像并不是一个英语单词,有道词典没有,百度翻译的意思是嵌入的意思。transclude在angularjs的自定义directive中是比较常见的一个东西,所以非常有必要了解一下。 我们首先看下官方api对ng-transclude的

Category:

—— gejiawen 于2014-07-17 15:51:45创作

AngularJS Directive用法说明

Directive可能是AngularJS中比较复杂的一个东西了。一般我们将其理解成指令。AngularJS自带了不少预设的指令,比如ng-app,ng-controller这些。可以发现个特点,AngularJS自带的指令都是由ng-打头的。 那么,Directive究竟是个怎

Category:

—— gejiawen 于2014-07-16 14:22:51创作