-
Angular2 Router路由相关
路由设置Angular中路由的配置应该按照先具体路由到通用路由的设置,因为Angular使用先匹配者优先的原则。示例: 路由设置如下:export const reportRoute: Routes = [ { path: 'report', children: [...
-
Angular2快速入门-2.创建一个新闻列表
背景:我们想通过一个例子,展示下Angular2 怎么绑定页面,怎么创建Component,例子:我们创建一个新闻列表,当点击新闻列表中某一条新闻的时候,展示出该条新闻的详细信息,在详细信息中可以修改新闻标题。 第一、创建新闻Component(视图组件) 接着上篇文章,我们在app文件下创建new...
-
Angular2快速入门-1.创建第一个app
一、环境搭建Angular2 运行在nodejs 环境下,需要我们先创建好nodejs环境,具体操作 1.下载安装Nodejs,参考网址,https://nodejs.org/en/ 选择64位,下一步到完成。 安装后,在命令行 ,执行 node -v ,可以查看到当前版本,确保当前版本>...
-
Angular2快速入门-3.多个组件(分离新闻列表页和详细页)
上篇(Angular2快速入门-2.创建一个新闻列表)已经完成新闻列表的展示,并且点击新闻列表的时候,下面可以展示出新闻的详细信息,这节我们把新闻详细和新闻列表页面分离出来新闻详细单独一个component第一、创建news-detail.component1)创建news-detail.compo...
-
Angular2入门:TypeScript的类型
一、let二、const...
-
Angular入门到精通系列教程(2) 1. Angular (Angular2)v.s. AngularJS 2. 检查本地环境的版本 3. TypeScript 4. Angular CLI 5. Angular 的版本 6. Angular 版本如何升级 7. 依赖注入(dependency injection) 8. 编译-AOT和JIT的区别
1. Angular (Angular2)v.s. AngularJS2. 检查本地环境的版本3. TypeScript4. Angular CLI5. Angular 的版本6. Angular 版本如何升级7. 依赖注入(dependency injection)8. 编译-AOT和JIT的区别...
-
[Angular2 Router] Get activated router url
getActivatedRoutePath(r: ActivatedRoute) { return r.url .subscribe(p => this.curtPath = p[0].path)}
-
[Angular2 Router] Guard: CanLoad
'canLoad' guard can decide whether a lazy load module can be loaded or not.@Injectable()export class CanLoadPokemon implements CanLoad { constructor(...
-
angular2,Pipe管道初使用。
以前都知道angular2有管道这个东西,不过,由于没有使用的必要,也就没怎么看。今天,做页面,接收点击查询传来的数据,然后,显示出来。我的做法是在本地新建一个Object对象result。然后,在数据传过来的时候,赋值到result。可问题出在,初始化显示模板时,我使用了 {{ result.pr...
-
Angular2发送HTTP请求SpringBoot后台跨域问题解决
Angular通过http发送post请求至SpringBoot的Controller,由于同源策略的保护,遇到跨域问题:• 源(origin)就是协议(http)、域名(localhost)和端口号(8080),若地址里面的协议、域名和端口号均相同则属于同源解决方法:SpringBoot增加跨域请...
-
angular2入门,就这一篇就够了 背景与概念: Angular2.x与Angular1.x 的区别 开工前的准备工作 Angular 2 架构
AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行。AngularJS2 是 Angular 1.x 的升级版本,性能上得到显著的提高,能很好的支持 Web 开发组件。AngularJS2 发布于2016年9月份,它是基于ES6来开发的。Angu...
-
angular3哪儿去了?angular4与2兼容吗 angular3哪儿去了 angular4与angular2兼容吗 angular4之后呢
由于目前最新的Angular router版本号是3.3.0,而其他的模块版本号是2.2.0,并不一致,所以Angular团队计划将他们同步,发布的下一个主版本是Angular 4而不是3。并且以后的产品将不会叫做AngularJS、Angular 2、2.x 或者4.x,而是直接叫做Angular...
-
Angular2入门:TypeScript的装饰器
Angular2入门:TypeScript的装饰器
-
Angular2入门:TypeScript的模块
一、export二、import三、模块的默认导出 ...
-
Angular2入门:TypeScript的类
一、定义和继承 二、public、private和protected ...
-
Angular2
在Angular2中,我们可以提取出一些独立于组件视图的方法或数据,写成公共的服务类,作为组件的提供商。这些服务包括应用环境配置,数字计算,数据服务,日志存取等。一个服务应该是可注入的一个Class.//emvironment.service.tsimport { Injectable } from...
-
Angular2 ^ 资源链接
Angular2 资源链接Material Desgin 2githubhttps://github.com/Promact/md2 DEMOhttp://code.promactinfo.com/md2/#/ DEMO SRChttps://github.com/Promact/md2/tree...
-
angular2^ typescript 将 文件和Json数据 合并发送到服务器(2.服务端)
nodejs 中使用框架 express web框架multer 文件接受直接贴代码了,我就不解释了 angular2^ typescript 将 文件和Json数据 合并发送到服务器(2.服务端)https://gitee.com/richard1015/node-server"use stric...
-
angular2^ typescript 将 文件和Json数据 合并发送到服务器(1.客户端处理)
git地址 https://gitee.com/richard1015/AnchorSys/tree/master/src/app/service首先介绍下框架基本流程 (web > webservice 【前端架构】 ) > (nodejs 【 数据中转站 】) >(api...
-
Angular2、4入门基础知识(小的概念)
2. 数据双向绑定方式。在使用表单输入绑定数据之前,我们需要引入表单模块FormsModule包至我们的Angular模块中。引入包的方法是,直接添加需要的包至NgModel的imports数组中。 1 import { BrowserModule } from '@angular/platform...
您的位置:首页 > 标签 “angular2” 相关文章