您当前位置: 首页 »

web前端

分类目录归档: web前端 - 第6页

AngularJS开发指南30:管理服务依赖

AngularJS允许服务声明它的实例和构造依赖的服务。 要声明依赖,你可以在工场方法参数中隐式指明他们,也可以将$inject属性设置成包含了依赖名称的数组,或者是使用数组表示法。不推荐使用$inject属性的这种方法。 使用数组表示法: function myModuleCfgFn($provide) { $pro …

read more

AngularJS开发指南29:将服务注入到控制器中

将服务用作控制器的依赖和将服务用作其他服务的依赖很类似。 因为Javascript是一种动态语言,依赖注入系统无法通过静态类型来知道应该注入什么样的服务(静态类型语言就可以)。所以,你应该$inject的属性来指定服务的名字,这个属性是一个包含这需要注入的服务的名字字符串的数组。名字要和服务注册到系统时的名字匹配。服务 …

read more

AngularJS开发指南28:创建服务

虽然AngularJS提过了很多有用的服务,但是如果你要创建一个很棒的应用,你可能还是要写自己的服务。你可以通过在模块中注册一个服务工场函数,或者通过Modeul#factory api或者直接通过模块配置函数中的$provide api来实现。 所有的服务都符合依赖注入的原则。它们用一个唯一的名字将自己注册进Angu …

read more

AngularJS开发指南27:使用$location

它是干什么的? $location服务解析地址栏中的URL(基于window.location),让你在应用代码中能获取到。改变地址栏中的URL会反应$location服务中,反之亦然。 $location服务: 暴露当前地址栏的URL,这样你就能 获取并监听URL。 改变URL。 当出现以下情况时同步URL 改变地址 …

read more

AngularJS开发指南26:AngularJS服务

服务是一种由服务器端带到客户端的特性,它由来已久。AngularJS应用中的服务是一些用依赖注入捆绑在一起的可替换的对象。服务是最常和依赖注入一起用的,它也是AngularJS中的关键特性。

AngularJS开发指南25:使用AngularJS过滤器

过滤器可用在任何api或者ng.$rootScoe.Scope的执行过程中,不过一般用来格式化绑定在模板中的表达式。 {{ expression | filter }} 过滤器一般在处理过程中将数据转变成新的格式。它能使用链式风格,还能接受附加参数。 你可以像下面这样使用链式风格: {{ expression | fi …

read more

AngularJS开发指南24:创建AngularJS过滤器

写一个你自己的过滤器非常容易:在你的模块中注册一个新的过滤器(可注入的)工厂函数就行了。这个工厂函数必须放回一个新的过滤器函数,这个过滤函数的第一个参数接受的是输入。任何过滤器参数都会被当成附加的参数传递给过滤器。 下面的例子展示了逆转字符串文本。另外,它有条件地将文本大写并填上颜色。 index.html: < …

read more

AngularJS开发指南23:理解AngularJS过滤器

AngularJS过滤器是用来格式化输出数据的。除了格式化数据,过滤器还能修改DOM。这使得过滤器通常用来做些如“适时的给输出加入CSS样式”等工作。 比如,你可能有些数据在输出之前需要根据进行本地化。你可以向下面这样使用链式的过滤器来传递表达式: name | uppercase 这个表达式执行时会将name的值传递 …

read more

AngularJS开发指南22:AngularJS中的数据绑定

AngularJS中的数据绑定就是模型与视图间的自动同步。这种实现方式让你能专心地处理你的模型。视图总是模型的投影。当模型改变,视图就会反映这种改变,反之亦然。 传统的模板系统数据绑定 大部分模板系统都是这种绑定方式。 方向:如图所示,它们将模型和模板结合生成视图。这个结合过程产生的视图不是动态更新的。更糟的是,任何用 …

read more

AngularJS开发指南21:使用CSS

AngularJS设置了下面这些CSS类名,你可以方便地用来给你的应用添加样式。 AngularJS使用的CSS类名 ng-invalid, ng-valid 当元素中的输入值没有通过验证时,AngularJS会将这个类名加入到元素上。(参考input指令)。 ng-pristine, ng-dirty input指令 …

read more