weixin_44714325的博客

1、命令创建一个默认带路由的项目ng new angualrdemo08 --skip-install2、创建需要的组件ng g component home ng g component news ng g component newscontent3、找到 app-routing.module.ts 配置路由引入组件import { HomeComponent } from './home/home.component'; import { NewsComponent } f

Angular 内置模块Angular 自定义模块当我们项目比较小的时候可以不用自定义模块。但是当我们项目非常庞大的时候把所有的组 件都挂载到根模块里面不是特别合适。所以这个时候我们就可以自定义模块来组织我们的项 目。并且通过 Angular 自定义模块可以实现路由的懒加载。1、创建模块ng g module module/user2、创建组件ng g component module/user ng g component module/user/components/order

Angular get post 请求数据准备工作Angular5.x 以后 get、post 和和服务器交互使用的是 HttpClientModule 模块。1、在 app.module.ts 中引入 HttpClientModule 并注入import {HttpClientModule} from '@angular/common/http';imports: [ BrowserModule, HttpClientModule ]2、在用到的地方引入 HttpClient 并在构造

创建服务命令ng g service my-new-service 创建到指定目录下面 ng g service services/storageapp.module.ts 里面引入创建的服务1、 app.module.ts 里面引入创建的服务import { StorageService } from './services/storage.service';2、NgModule 里面的 providers 里面依赖注入服务@NgModule({ declarations: [ A

生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。// 构造函数中除了使用简单的值对局部变量进行初始化 之外，什么都不应该做。 （非生命周期函数） constructor() { } // 当 Angular（重新）设置数据绑定输入属性时响应。 // 该方法接受当前和上一属性值的 SimpleChanges 对象 当被绑定的输入属性的值发生变化时调用 // 首次调用一 定会发生在 ngOnInit() 之前。 ngOnChanges(){} //.

父组件给子组件传值-@input父组件不仅可以给子组件传递简单的数据，还可把自己的方法以及整个父组件传给子组件1、父组件调用子组件的时候传入数据<app-header [msg]="msg"></app-header>2、 子组件引入 Input 模块import { Component, OnInit ,Input } from '@angular/core';3、子组件中 @Input 接收父组件传过来的数据export class HeaderCompon

Angular 中的 dom 操作（原生 js）ngAfterViewInit(){ var boxDom:any=document.getElementById('box'); boxDom.style.color='red'; }Angular 中的 dom 操作（ViewChild）//引入viewchildimport { Component ,ViewChild} from '@angular/core';//声明@ViewChild('myattr') myattr

创建 angualr 组件创建组件ng g component components/header使用组件<app-header></app-header>Angular 绑定数据数据文本绑定<h1>{{title}} </h1><div>1+1={{1+1}} </div>绑定 html<div [innerHTML]="h"></div>绑定属性<div [id]="id

Angular 是谷歌开发的一款开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等 人创建，后为 Google所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当 中。Angular 环境搭建安装 nodejs安装 angular 的计算机上面必须安装最新的 nodejs–注意安装 nodejs 稳定版本安装 cnpm/yarnnpm 可能安装失败建议先用 npm 安装一下 cnpm 用淘宝镜像安装 https://npm..