- 综合排序
- 最热优先
- 最新优先
- 来自专栏xingoo, 一个梦想做发明家的程序员
Angular2入门体验
好的工具往往使得开发应用更快更简单，而不是任何模块都手动开发。angualr cli就是一个支持 创建工程，添加文件，对各种任务如测试、打包、部署等迭代。 本文的目的就是基于TypeScript开发构建一个angualr应用，使用angualr cli可以选择工程的风格。 在本章的 末尾，你可以理解CLI的开发以及开发完整应用的样例。 也可以通过这个链接直接下载源码。 第一步，配置环境变量 在开始开发前，需要安装nodejs。 点击这个网址,Nodejs安装文件下载 在命令行中，执行： sudo npm i
2.3K60发布于 2018-04-17 - 来自专栏前端大白专栏
angular2 路由问题
Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'main' 这个问题的处理很简单,是路由的路径写错了, import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import {loginComponent} from './login/login.component'; impor
1.9K50发布于 2018-06-15 - 来自专栏贺贺的前端工程师之路
Angular2 之 Animations
Angular2的动画系统赋予了制作各种动画效果的能力，致力于构建出与原生CSS动画性能相同的动画。 Angular2的动画主要是和@Component结合在了一起。 使用要点 Angular2的动画是使用模型驱动的方式在两个状态之间进行转换，是由状态和状态之间的转场效果所定义的。 动画被定义在@Component元数据中。 Concepts)[https://blog.thoughtram.io/angular/2016/09/16/angular-2-animation-important-concepts.html] (angular2
2.8K10发布于 2018-08-21 - 来自专栏Angular&服务
Angular2 路由跳转
1.通过ts来实现 //EmailComponent import { Component, OnInit} from '@angular/core'; //route是ActivatedRoute的实例，使用需要导入ActivatedRoute import {Router,ActivatedRoute} from '@angular/router'; @Component({ selector: 'app-email', templateUrl: './email.componen
3.2K30发布于 2019-05-15 - 来自专栏mythsman的个人博客
Angular2学习笔记
不过还好，经过这一段时间的倒腾，好歹把Angular2的东西稍微消化了一点，相比啥都不会，也算是有点收获吧。 基础配置 刚学习Angular2的时候，是照着他的中文文档上来的。 现在基本上都是用angular-cli来组织文件，这个项目对Angular2提供了强大的支持，我们用起来也比以前方便了很多。 开发细节 Angular2这类MVVM架构的框架跟传统的MVC框架有很大的不同，不过主要需要考虑的就是下面这几个部分： 模板。主要是模板语言部分以及在模板中使用组件的变量等等。 数据绑定。 但是他也有很多的缺点，Angular2文档中列举了下面几点： 渲染得更快; 需要的异步请求更少; 需要下载的Angular框架体积更小; 提早检测模板错误; 更安全; 于是，Angular2又提出了一个新的编译方法叫 参考文章 angular-cli angular中文文档 nginx发布Angular2
3.4K10编辑于 2022-11-14 - 来自专栏Angular&服务
Angular2 @NgModule
模块是用来组织应用的，通过模块机制外部类库可以很方便的扩展应用，Angular2将许多常用功能都分配到一个个的模块中，如:FormModule、HttpModule、RouterModule。 （Angular2中没有模块级别的service，所有在NgModule中声明的Provider都是注册在根级别的Dependency Injector中） ---- 3.imports：导入其他
2.9K40发布于 2018-08-20 - 来自专栏Angular&服务
Angular2 @Component
Component的优点： 比普通directive要简单很多 更加严谨，更加规范化 更加适合组件化架构 component更容易升级到angular2 ---- Component只能控制它自己的视图和数据
1K20发布于 2018-08-20 - 来自专栏向治洪
Angular2入坑指南
数据的传递不够直接还有一堆乱七八槽的属性 Android与IOS的代码不够一致 核心太小，一堆补充的库 Angular2的优点： 1、推荐TypeScript而不是原生的Javascript 2、类库特别多 ，概念也是特别多 3、体量大 4、成熟度相对偏低，版本2才刚发布 5、不兼容1.x 6、Router还不成熟 综合以上我最终决定选择Angular2作为我前端开发的首选框架。 Angular2快速安装与入门 安装angular-cli npm install -g angular-cli 创建项目 ng new PROJECT_NAMEcd PROJECT_NAMEng serve
2.8K70发布于 2018-01-26 - 来自专栏Angular&服务
Angular2 路由传值
在接收值得组件里面导入ActivatedRoute 路由设置页面传参 { path: 'view/:mid' , component: ViewComponent}, 父级页面路由跳转的实现
页面跳转传值子页面的Component通过下面的方法可以获取到父页面路由传过来的参数mail.id // import { Component, OnInit } from '@ang1.3K30发布于 2018-08-20 - 来自专栏Angular&服务
Angular2 中的指令
组件：一种带有模板的指令；使用component来装饰组件类 属性指令：改变元素的外观或行为，如NgClass,NgStyle；使用Directive来装饰指令类 结构指令：向DOM中添加或删除元素，如NgIf,NgFor；使用Directive来装饰指令类
3.1K20发布于 2018-08-20 - 来自专栏前端大白专栏
angular2 错误集。
ERROR in AppModule is not an NgModule 由于本人也只是略懂angular2，很多东西还不是特别的明白，对于错误的理解还不够深刻，所以对于angular2的错误尽量用最简单的方式解决
1.1K70发布于 2018-06-15 - 来自专栏张志敏的技术专栏
Angular2 初体验
Angular2 初体验 Angular2 已经发布 beta9 ， 是时候折腾一下了。 Angular2 和 AngularJS 1.x 相比， 可以说是全新的框架， 除了名字有延续性之外， 能延续的真的不多。 准备开发环境 Angular2 通过 npm 发布， 因此推荐使用 node/npm 环境， 要开始使用 Angular2 ， 先准备一个目录 learning-angular ， 在这个目录中初始化项目 npm install 使用 es5 开发 Angular2 应用 Angular2 是个客户端框架， 在浏览器中运行， 因此使用 Javascript (es5) 来做开发也是完全可行的。 >Hello, Angular2 <button (click)="doTest()">Click me.
2.7K20发布于 2020-08-10 - 来自专栏贺贺的前端工程师之路
Angular2 之 Promise vs Observable
如果看成状态机 Promise 具有 3 个状态：pending、resolved、rejected（如果 Cancelable Promise 正式通过，那么还会增加一个状态）。 Observable 有 N + 3 个状态：idle、pending、resolved_0、resolved_1 … resolved_N、completed 和 error。 总结：相比于 Promise 这个有限状态机而言，Observable 既可能是有限状态机，也可能是无限状态机（N 为无穷）。 调用情况 Ob
87120发布于 2018-08-21 - 来自专栏贺贺的前端工程师之路
Angular2 之 单元测试
service的注入 刚刚接触angular2吧，对很多service的写法不是很了解，以至于真的是白白浪费了很多时间，尤其是在这个service的模拟上。
7K20发布于 2018-08-21 - 来自专栏Angular&服务
Angular2 项目结构解释
我们用 Angular CLI 生成的项目结构如下图所示： 项目结构 src/app/my-grid-application -这是我们创建一个组件生成的目录结构一般项目中我们组件应该有html，s
79830发布于 2018-08-20 - 来自专栏Angular&服务
Angular2 组件的使用
3.在 @Component 中 ，设置selector、template 和 styles 等元数据
2.6K30发布于 2018-08-20 - 来自专栏Angular&服务
Angular2 页面的生命周期
当被绑定的输入属性的值发生变化时调用，首次调用一定会发生在 ngOnInit之前。
96620发布于 2018-08-20 - 来自专栏Angular&服务
angular2路由预加载
1. 实现PreloadingStrategy 类 import { PreloadingStrategy, Route } from "@angular/router"; import { Observable } from "rxjs"; /** * 预加载策略 */ export class SelectivePreloadingStrategy implements PreloadingStrategy { preload(route: Route, load: Function): O
1.4K30发布于 2018-08-20 - 来自专栏前端大白专栏
angular2 路由之间的页面跳转
angular2路由页面之间的跳转, 只需要在需要跳转的ts文件中引入 import {Router} from '@angular/router'; 然后在 constructor(public router
3.9K30发布于 2018-06-15 - 来自专栏pangguoming
Angular2 -- 生命周期钩子
指令和组件的实例有一个生命周期：新建、更新和销毁。 每个接口都有唯一的一个钩子方法，它们的名字是由接口名加上 ng前缀构成的。比如，OnInit接口的钩子方法叫做ngOnInit。 指令和组件 ngOnInit：当Angular初始化完成数据绑定的输入属性后，用来初始化指令或者组件。 ngOnChanges：当Angular设置了一个被绑定的输入属性后触发。该回调方法会收到一个包含当前值和原值的changes对象。 ngDoCheck：用来检测所有变化（无论是Angular本身能检测还是无法检测的），并作出相应行动。在每次执行“变更检测”时被调用。 ngOnDestory：在Angular销毁指令或组件之前做一些清理工作，比如退订可观察对象和移除事件处理器，以免导致内存泄漏。 只适用于组件 ngAfterContentInit：当Angular把外来内容投影进自己的视图之后调用。 ngAfterContentChecked：当Angular检查完那些投影到自己视图中的外来内容的数据绑定之后调用。 ngAfterViewInit：在Angular创建完组件的视图后调用。 ngAfterViewChecked：在Angular检查完组件视图中的绑定后调用。
1.1K20发布于 2018-07-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号