Angular

Angular 2 架构概览

Angular有三种视图类:组件、指令、管道。bootstrap-标识出应用的主视图,它是所有其它视图的宿主。以及它是如何用zones来拦截异步行为并执行变更检测策略。

AngularJS入门(8)-Angular服务

在AngularJS中,服务是一个函数或对象,可在我们的AngularJS应用中使用。AngularJS内建了30多个服务。AngularJS服务的API可以点击这里查看$http$http是AngularJS应用中最常用的服务。接下来我们使用$http读取数据:运行效果:$intervalAngularJS$interval服务对应了JSwindow.setInterval函数。这样就实现了一个时钟效果,运行效果:$locationAngularJS中的$location服务是对window.locat

angular2 所遇bug总结及解决方法

那是因为angular2是异步执行的,我们的服务还没来得及返回数据就已经开始渲染模版页面了。angular2在ngfor循环中嵌入ngmodel,总显示最后一条数据。在angular2官方文档中是使用InMemoryWebAPIModule来制造测试数据,但它在添加和删除时不能返回报文,仅仅是添加和删除的数据,而不是这个数据的ID编号。angular2中label标签的for属性绑定插值表达式报错。那是因为我们在angular2中所写的路由没有在浏览器里去寻找,而跑到服务器上找对应路径上的文件。

AngularJS入门(10)-Angular服务总结

在之前介绍AngularJS的博客中,简单的介绍了AngularJS提供的常用服务,以及如何自定义服务,具体可参见《AngularJS服务》。valuevalue方法允许我们直接将一个普通值或对象作为服务。service使用service注册服务,服务对象是使用new进行实例化的,所以我们应该给this添加属性。在这段代码中,我们使用了service注册了一个服务,服务名为HQString,我们为该服务添加了一个toupperCase用于将字符串转换为大写。factory使用factory注册服务其实就是

Angular2开发基础之TSC编译

使用Webpack打包完成一个简单的angular2Demo,让它成为一个ng2-seed项目,后续可以在它基础上做新的功能开发。上图展示的是典型的ng2项目结构,开发依赖库node_moudles,源码src,index入口,ts入口,编译混淆后的dist等。tsconfig.json定义了TypeScript编译器如何从项目源文件生成JavaScript代码。引导过程与平台有关的但我们应该用正确的方式组织Angular应用的文件结构。step5TSC编译运行ng2这里已经跟快速起步不一样了,原因是,我

angular 自定义服务

服务是JavaScript函数,并负责只做一个特定的任务。这也使得他们即维护和测试的单独实体。控制器,过滤器可以调用它们作为需求的基础。服务使用AngularJS的依赖注入机制注入正常。AngularJS提供例如许多内在的服务,如:$http,$route,$window,$location等。每个服务负责例如一个特定的任务,$http是用来创建AJAX调用,以获得服务器的数据。$route用来定义路由信息等。内置的服务总是前缀$符号。使用服务方法使用服务的方法,我们定义了一个服务,然后分配方法。还注入已

angular上传图片插件

1.安装插件2.插件使用html文件通用js文件选择图片后的一些函数处理及回调函数与html对应的controller文件接收上传图片成功后发出的广播,并将相应变量进行赋值。

Angular2 中的依赖包详解

Angular应用程序以及Angular本身都依赖于很多第三方包提供的特性和功能。Angular2开发时依赖的包在package.json文件中都有定义。特性包@angular/core-框架中关键的运行期部件,每一个应用都需要它。@angular/core-Criticalruntimepartsoftheframeworkneededbyeveryapplication.IncludesallMetadatadecorators,Component,107);padding:0px4px">Direc

Angular2 开发者的 TypeScript 配置

TypeScript是Angular应用开发中使用的主语言。它是JavaScript的“方言”之一,为类型安全和工具化而做了设计期支持。浏览器不能直接执行TypeScript。它得先用tsc编译器转译成JavaScript,而且编译器需要进行一些配置。本页面会覆盖TypeScript配置与环境的某些方面,这些对Angular开发者是很重要的。具体来说包括下列文件:tsconfig.json-TypeScript编译器配置。typings-TypesScript类型声明文件。core-js是为ES5浏览器添