angular
邓闰土
我的简书 http://www.jianshu.com/u/f109f1576a46
展开
-
TypeScript
TypeScript 基本语法TypeScript 是微软开发的 JavaScript 的超集,TypeScript兼容JavaScript,可以载入JavaScript代码然后运行。TypeScript与JavaScript相比进步的地方 包括:加入注释,让编译器理解所支持的对象和函数,编译器会移除注释,不会增加开销;增加一个完整的类结构,使之更新是传统的面向对象语言。TypeScript原创 2017-05-08 09:55:00 · 302 阅读 · 0 评论 -
angular 程序组成
由一个主moudle组成模块由组件组成,由一个主的组件引到.还有其他的组件路由用户控制视图的转换,视图状态的转换得到界面的改变。主组件有有 RouterOutlet 以及RouterLink 用于模板之建的切换。控制器中可以使用 Router 对象以及ActivitedRoute来进行模块的之前的切换Routers 中存放一组路由对象 包括path(对应url)以及组件名。原创 2017-11-25 15:49:39 · 495 阅读 · 0 评论 -
什么是spa
什么是Spa单页面应用 single page applicable 页面只加载一次其他内容通过改变页面内容实现,使用路由器实现 根据用户操作 改变用户界面而不需要刷新页面的功能 控制整个应用视图状态的控制器原创 2017-11-25 15:49:15 · 1189 阅读 · 1 评论 -
安装类型文件
typescript 不能直接使用js库需要添加类型描述文件安装jquerynpm install jquery –save安装jquery 的类型描述文件npm install @types/jquery –save-dev原创 2017-11-25 15:48:51 · 766 阅读 · 0 评论 -
angular简介
Angular 是一个用 HTML 和 JavaScript 或者一个可以编译成 JavaScript 的语言(例如 Dart 或者 TypeScript ),来构建客户端应用的框架。该框架包括一系列库,有些是核心库,有些是可选库。我们是这样写 Angular 应用的:用 Angular 扩展语法编写 HTML 模板, 用组件类管理这些模板,用服务添加应用逻辑, 用模块打包发布组件与服务。然-原创 2017-11-25 15:48:31 · 991 阅读 · 0 评论 -
使用npm管理andular
使用npm管理andular官方网址 https://angular.io/docs/ts/latest/cli-quickstart.htmlclr必要条件:安装nodejs 版本最好6.0以后安装CLI npm install -g @angular/cli新建一个项目ng new myApp进入这个项目 cd myApp运行项目ng serve -o-o参数告诉终端启动服务后原创 2017-11-25 15:47:53 · 395 阅读 · 0 评论 -
使用 Angular CLI 和 ng-packagr 构建一个标准的 Angular 组件库
原文地址 https://segmentfault.com/a/1190000010900969使用 Angular CLI 构建 Angular 应用程序是最方便的方式之一。项目目标现在,我们一起创建一个简单的组件库。首先,我们需要创建一个 header 组件。这没什么特别的,当然接下来会明白的。我们能从中能得到什么收获?自动生成项目结构自动生成组件库的组件、模块和服务自动生成组件库的测试原创 2017-12-01 15:00:36 · 2118 阅读 · 0 评论 -
重定向
重定向 重定向指的是在用户访问一个地址的时候将其重定向到另外一个地址上 {path: '', redirectTo: 'home', pathMatch: 'full'}, 使用redirectTo 关键字将 红字符串匹配的字符 重定向到 home组件上原创 2017-12-01 14:55:08 · 388 阅读 · 0 评论 -
Angular4 文件上传
Angular provides good support for uploading file. Any third party library is not required.<input type="file" (change)="fileChange($event)" placeholder="Upload file" accept=".pdf,.doc,.docx">fileChange转载 2017-07-04 22:02:58 · 5231 阅读 · 6 评论 -
Angular4.0.0强势发布,全向后兼容
Angular4.0.0强势发布,全向后兼容经历了6个RC版本之后,今天Angular发布了4.0.0版本,这次发布是主版本的更新(遵循采用语义版本),并且在大多数情况下,Angular4.0版本是向后兼容Angular2.0的。那么,这次Angular4版本主要更新了什么呢?体积更小,速度更快Angular应用程序变得更小更快,并且在未来几个月将进一步改进框架。更好的模板引擎改进了AoT,原创 2017-05-08 09:55:17 · 1307 阅读 · 0 评论 -
angula2 引入第三方js
宝宝在重构去年一个模块的时候,突发奇想的想试试angular,之后发疯的迷上了它。最近因为要引入webgis 选择了leaflet,然后研究了下 angular中怎么使用第三方js。使用的官方的quick start下载第三方库下载第三方库在node module 中查看库的信息找到需要引入的js在angular中引入js在.angular-cli.json中引入需要第三方j原创 2017-05-08 09:55:03 · 1053 阅读 · 0 评论 -
路由传值
路由传递参数写法<a [routerLink]="['/']" [queryParams]="{id:1}">主页</a><!-- 使用查询 参数 [queryParams]={} 传递数据-->urlhttp://127.0.0.1:4200/?id=1取值this.activatedRoute.snapshot.queryParams['id'] 路由路径中传递参数 {path: '原创 2017-11-25 15:50:57 · 549 阅读 · 0 评论