angular
duwleuu
福大命大
展开
-
angular路由重定向
路由重定向路由配置文件中加入以下代码 { path:'str', redirectTo:'/home', pathMatch:'full' },path为str表示当路由到’/str’时路由地址变为‘/home’ pathMatch表示当完全写入‘/str’时路由才重新定向不可少写漏写...原创 2018-08-10 13:53:03 · 3809 阅读 · 0 评论 -
angular依赖注入
注入器 angular提供的服务方法,组件中无需单独引入,注入器根据组件的构造函数中声明的属性类型在整个应用程序中查找这个类型的实例并注入给属性export class service{constructor(public use:serve) { }}如果应用中存在实例serve则注入器会自动创建并注入给use 提供器 实例serve要想被注入器检测到,则需要被提供,提供器...原创 2018-08-16 16:54:07 · 176 阅读 · 0 评论 -
return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode); angular打包报错
angular打包报错提示找不到pack.json return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode) 一般为使用cnpm安装报错具体原因不详采用npm安装解决原创 2018-08-31 17:34:34 · 3124 阅读 · 0 评论 -
angular的几种依赖注入方式
1、useClass提供器的一种写法是这样的providers: [...Service...],其完全写法为providers: [{provide:Service,useClass:Service}],provide提供token而实际使用的服务为useClass声明的服务,下面这种providers: [{provide:Service,useClass:anotherSer...原创 2018-09-19 11:14:00 · 3227 阅读 · 0 评论 -
angular响应式编程
angular依赖一个rxjs的响应式编程的包,所以可以在angular中使用rxjs的所有功能。响应式编程包括:可观察者Observable(流):表示一组值或者事件的集合观察者Observer:一个回调函数的集合,它知道怎样去监听被Observable发送的值订阅Subscription:表示一个可观察对象,主要用于取消注册操作符Operators:纯粹的函数,使开发者可以以函数...原创 2018-09-20 15:56:01 · 547 阅读 · 0 评论 -
angular管道
管道的使用1、花括号的形式{{ 输入数据 | 管道 : 管道参数 }}2、属性的形式<input type="text" [value]="val | date"/>3、指令的形式<li *ngFor="let item of items | 管道 : 管道参数">{{item.name}}</li>内置管道管道名用途d..原创 2018-09-21 14:27:12 · 1193 阅读 · 0 评论 -
angular组件生命周期
1、ngOnChanges:在ngOnInit之前, 当数据绑定输入属性的值发生变化时调用。 并且有一个SimpleChanges类型的参数,它其实是一个类型为SimpleChange,并且键值为属性名的数组:2、ngOnInit:在第一次ngOnChanges之后。3、ngDoCheck:每次Angular变化检测时。4、ngAfterContentInit:在组件使用 ng-conten...原创 2018-09-21 15:43:14 · 2039 阅读 · 0 评论 -
@ViewChild()使用
1、子组件加入个方法methods(val){ console.log('值为'+val) }2、为父组件中的子组件加入变量<app-viewc #View1></app-viewc><app-viewc #View2></app-viewc>3、父组件控制台//引入import { Component, OnInit ...原创 2018-09-27 11:35:11 · 17003 阅读 · 2 评论 -
ng-content使用
ng-content内容映射指的是在组件中嵌入模板代码,方便定制可复用的组件1、父组件在子组件中加入模版<app-viewc> <div> 模板文件 </div></app-viewc>div的内容将被显示在子组件中ng-content中<ng-content></ng-content>2、se...原创 2018-09-27 13:31:11 · 3599 阅读 · 0 评论 -
angular辅助路由
配置一个显示在辅助路由上的组件与其他的组件配置方式类似,只是添加了 outlet:’aux’属性,aux为辅助路由的名字 { path: 'auxRouting', component:Tab3Component, outlet:'aux' }添加同级的router-outlet并添加name(name=’aux’的router-outlet为辅助路由)...原创 2018-08-13 16:54:29 · 1374 阅读 · 0 评论 -
angular子路由
1、路由配置文件加入children属性配置方式与路由类似const routes: Routes = [ { path:'', redirectTo:'/Father/ChildrenOne', pathMatch:'full' }, { path: 'Father', component:FatherComponent, c...原创 2018-08-13 11:19:14 · 814 阅读 · 0 评论 -
angular路由传递参数
1、 查询参数中传递数据在a标签上添加一个参数queryParams&amp;amp;lt;a [routerLink]=&amp;quot;['/tab4']&amp;quot; [queryParams]=&amp;quot;{id:3}&amp;quot; &amp;amp;gt;tab4&amp;amp;lt;/a&amp;amp;gt;此时此时除了rout原创 2018-08-10 13:32:11 · 25820 阅读 · 1 评论 -
angular路由的使用
angular路由配置项一般需要在index.html中head标签中加入&amp;amp;amp;lt;base href=&amp;amp;quot;/&amp;amp;quot;&amp;amp;amp;gt; 但是由于angular-cli安装中已经加入了所以不用考虑了Routers 路由配置,用来设置组件对应的url名称import { Routes } from '@angul原创 2018-08-03 17:14:07 · 6841 阅读 · 0 评论 -
angular-cli 中常用命令
使用angular-cli在开发中比较常用的命令ng generate 命令创建一个组件 ng generate component new-component (简写:ng g c name) 构建组件时会自动添加到模块不用手动添加 创建一个指令 ng generate directive new-Directive (简写:ng g d name) ...原创 2018-08-03 10:44:53 · 569 阅读 · 0 评论 -
angular4.0引入安装第三方插件以及自己写的css,js
安装第三方插件(jquery,bootstrap等)由于修改了angular-cli.json所以修改完成后一定要重启项目jquery安装进入项目目录输入(可以使用淘宝镜像) npm install –save jquery npm install @types/jquery –save 安装完成打开package.json可以看到jquery版本 &quot;depende...原创 2018-08-02 17:31:22 · 2362 阅读 · 0 评论 -
Angular4.0 安装
安装安装node 地址:https://nodejs.org/en/ 下载直接下一步安装安装angular cli 若之前安装过Angular CLI,则需要卸载,并清空缓存 npm uninstall -g angular-cli npm cache clean –force 使用淘宝镜像 npm install cnpm -g –registry=https://regi...原创 2018-08-02 15:37:12 · 890 阅读 · 0 评论 -
angular路由守卫
1、CanActivate进入路由时拦截 建立实现CanActivate接口的文件import {CanActivate} from "@angular/router";export class CanActivateGuard implements CanActivate{ canActivate(){ return window.confirm("是否进入");...原创 2018-08-14 15:36:25 · 2257 阅读 · 0 评论 -
angular路由事件,路由监测地址
路由配置文件const routes: Routes = [ { path:'', redirectTo:'/index', pathMatch:'full' }, { path: 'index', component:Tab1Component }, { path: 'secound', component:Ta...原创 2018-08-14 17:07:53 · 2840 阅读 · 0 评论 -
浅谈依赖注入和控制反转
首先说下控制反转(ioc)只把它认为思想就可以了,就像是面向对象思想,它的思想就是把引用代码的控制权,移交到外部,然后再通过外部注入进来,举个简单的例子:A类需要使用B类,则A类需要直接引用B类,现在我们不去直接获取了,而是通过一个容器去获取B类的实例,然后再通过容器传给A类这个过程叫注入,而这个容器则为ioc容器,它是一个能实现这种功能的框架,(angular就是一种)依赖注入...原创 2018-08-15 11:39:38 · 691 阅读 · 0 评论 -
angular在ie中不显示
1找到项目中polyfill.ts文件将import前的注释去掉// import 'core-js/es6/symbol';// import 'core-js/es6/object';// import 'core-js/es6/function';// import 'core-js/es6/parse-int';// import 'core-js/es6/parse-floa...原创 2019-01-15 14:41:38 · 1716 阅读 · 0 评论