前端啤酒屋

找了半天错误，没把路由文件引入module，我是伞兵

首先angular的生命周期钩子和其他语言的一种显著区别就是，都会在基础名前加一个ng。首先我们需要知道生命周期钩子的执行顺序

问题出现在模板表单与相适应表单混合使用问题描述：this.form.value取值非当前值

问题原因是html所绑定的方法与ts页面的方法参数不一致导致的

<div class="col-md-10"> <label>联系人地址：</label> <span>{{row.backAddress}}</span></div>举个例子，以上代码，row是从接口中读到的数据，而出现 Cannot read property ‘xxx’ of undefined的错误的原因就是在没有读到接口数据的时候便开始了渲染页面，对付此种异步的问题，只需要

为什么使用路由将应用程序划分为多个分区维护应用程序的状态基于某些规则保护应用分区我觉得我已经会了angular的基本套路了，导入+配置，所以路由也是一样。整个路由的APIhttps://angular.io/api/router/Route#propertiesinterface Route { path?: string pathMatch?: string ...

众所周知，我却不知，JavaScript中，通常有三种处理异步代码的方式，所以我要记下来了：回调callback承诺promise可观察对象observable而在angular中最常用的就是最后一个可观察对象(observable)。首先使用@angular/http就要对其进行导入ts文件中引入部分：import {Http，Response，RequestOptions...

重中之重，重重重的表单来了！既然这么重要的表单，angular自然也是有很完善的解决方案。表单控件(FormControl)验证器(validator)观察者(observer)FormControl and FormGroup被称为最基础的两个表单对象FormControl代表单一的输入字段，表单中的最小单元。封装了这些字段的值和状态，比如是否有效，是否脏或是否有错误等。...

过了一个"憋"屈的五一假期，Angular权威教程的路还需要继续走啊。let`s go。今天来简单了解一下angular的内置指令。ngIf：根据ngIf中的值来决定是否显示或不显示一个元素。ngSwitch：类似于其他语言的switch语句。<div class="container" [ngSwitch]="myVar"> <div *ngSwitchC...

原文：angular权威教程第一大技能：路由Angular路由的组成3大部件：1.Routes：描述应用程序支持的路由配置。const routes: Routes = [ { path:'',redirectTo:'/dashboard',pathMatch:'full'}, { path:'dashboard',component:DashboardComponent ...

原书第二章：angular是用typescript构建的但是typescript并不是一种新的语言，严格上说是属于es6（ECMAScript 6（是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。）的超集。这里说一下超集的概念：定义：如果一个集合S2中的每一个元素都在集合S1中，且集合S1中可能包含S2中没有的元素，则...

前提：先安装上angular-cli第1步：要有自己的moduleng g module xxx 创建一个modulefor example：第2步：在新module中引入需要的组件打个比方：import { NgModule } from '@angular/core';import { CommonModule } from '@angular/common';fo...

摘录部分angular.cn的解释首先进入https://stackblitz.com/组件的基本目录：*ngFor：*ngFor 是一个 “结构型指令”。结构型指令会通过添加、删除和操纵它们的宿主元素等方式塑造或重塑 DOM 的结构。任何带有星号 * 的指令都是结构型指令。<h2>Products</h2><div *ngFor="let pr...