angular(4+)
hxc_
这个作者很懒,什么都没留下…
展开
-
angularjs2 组件的生命周期
组件的生命周期由angular内部管理,从组件的创建、渲染到数据变动,再到dom中移除。这期间每个环节都有angular提供的一系列钩子。通过钩子可以让开发者很方便的在这些事件触发的时候执行响应的回调函数。生命周期钩子angular会顺序执行以下钩子方法 ngOnChangesngOnInitngDoCheckngAfterContentInitngAfterContentChecked原创 2017-05-11 21:18:33 · 4496 阅读 · 0 评论 -
angular2的angular-cli如何使用代理api
angular-cli 启动angular2项目后的地址一般是http://localhost:4200 这里用的spring-boot的后台服务,本地端口是8080如果在anguar项目中直接写http://localhost:8080/api 会有跨域访问的错误,比如No 'Access-Control-Allow-Origin' header is present on the re原创 2017-05-26 22:18:39 · 4659 阅读 · 5 评论 -
angular Meterial错误 Did you add it to @NgModule.entryComponents
在使用 MatDialogModule,引用dialog组件显示的时候报了如下错误: RROR Error: No component factory found for DeleteDialogComponent. Did you add it to @NgModule.entryComponents?官方的例子2个组件是写一起的,不牵扯到引用的问题。最后查明原因,需要在 @NgModule 中原创 2017-11-15 11:48:04 · 3448 阅读 · 0 评论 -
ionic3 导航栏返回按钮事件设置
ionic3 导航栏返回按钮事件设置export class Page { @ViewChild(Navbar) navBar: Navbar; ① ionViewDidLoad() { ② this.navBar.backButtonClick = this.backButtonClick; ③ } backButtonClick = (e: UIEve原创 2017-08-31 10:37:59 · 9008 阅读 · 7 评论 -
angular 使用jwt token验证
/** * Created by 何欣澄 on 2017/5/28 0028. */import {Observable} from 'rxjs/Observable';import {Injectable} from '@angular/core';import { Http, RequestOptionsArgs, RequestOptions, Response,原创 2017-07-25 10:15:55 · 8010 阅读 · 0 评论 -
npm 配置淘宝镜像
npm config set registry https://registry.npm.taobao.org原创 2017-08-02 13:59:43 · 430 阅读 · 0 评论 -
angular 组件元数据一览
名称 类型 作用 selector string 自定义组件的标签,用于匹配元素。 inputs string[] 指定组件的输入属性。 outputs string[] 指定组件的输出属性 host {[key:string],string} 指定指令或组件的事件,动作和属性等 providers any[] 指定该组件及其所有子组原创 2017-08-01 22:14:02 · 1410 阅读 · 0 评论 -
angular2中父子组件的数据传递
父到子组件之间的数据传递父组件模板中引用子组件 // father template: ... <child-item [name] = "fatherItemName" > </child-item>//...`其中”fatherItemName” 为父组件中的属性,[name] 为子组件的输入在子组件中使用 @Input() name 来接受父组件传递的值如果在接收值前需要进行一些处理原创 2017-05-11 11:56:11 · 7393 阅读 · 1 评论 -
angular2 ngx-bootstrap modal模态框不在最上层
angular-cli bootstrap4 使用模态框时,遇到了这2个问题 模态框 不显示 模态框显示后不在最上层 模态框 不现实的问题这个是纠结最久的问题,明明和官方文档例子一样但是就是不出来 用f12 选择看到模块都在,只是没有显示出来,然后去官方文档又仔仔细细的看了一遍发现少加了一个样式Let ngx-bootstrap know you are using BS4O原创 2017-06-03 14:09:18 · 4104 阅读 · 0 评论 -
Angular2 自定义validators
angular 当需要form表单需要验证时,angular自带了许多校验器,但是很多时候自带的无法满足业务需求,这时候就需要自定义的校验器定义一个validator定义validator 需要实现 ValidatorFn 接口 源码:export interface ValidatorFn { (c: AbstractControl): ValidationErrors | null;原创 2017-07-04 20:35:56 · 5950 阅读 · 1 评论 -
angular 中使用md5
安装 ts-md5npm install ts-md5 --save在需要使用的component或者service中 importimport {Md5} from 'ts-md5/dist/md5';使用Md5中的 hashStr方法static hashStr(str: string, raw?: boolean): Int32Array | stri原创 2017-05-28 14:34:21 · 2066 阅读 · 0 评论 -
angular4: Unhandled Promise rejection Cannot assign to a reference or variable
当我想循环一个数组,并把数组的每个元素放到子组件的 [(ngModel)] 中时,出现了这个错误<app-item *ngFor = "let item of data" [(ngModel)] = "item"></app-item>问题原因是,ngModel 会去查找 ts文件中的 this.item ,然而我们并没有在ts文件中定义 item。 换句话说,ngModel中传入的值必须是文件原创 2017-12-02 14:34:20 · 2962 阅读 · 0 评论