随笔分类 - Angular
前端框架Angular相关
摘要：子component中的html文件 <button (click)="Send()">送出</button><br> 子component中的ts文件 import { Component, OnInit, Output } from '@angular/core'; import { Event
阅读全文
摘要：1.什么是@input @input的作用是定义模块输入，是用来让父级组件向子组件传递内容。 2.@input用法 首先在子组件中将需要传递给父组件的变量用@input()修饰 需要在子组件ts文件import中还添加Input 实例: import {Component, Input, OnIni
阅读全文
摘要：一、路由传值 步骤1 路由传递参数 注意 一定是要传递 索引值 let key = index 这种情况是在浏览器中可以显示对应的参数 这种的是问号 localhost:8080/news?id=2&name=xiaoming <div class="z-shebei-box1 x-mysh-p"
阅读全文
摘要：1、ngStyle 基本用法 1 <div [ngStyle]="{'background-color':'green'}"></<div> 判断添加 1 <div [ngStyle]="{'background-color':username 'zxc' ? 'green' : 'red' }">
阅读全文
摘要：Angular 中的 dom 操作（原生 js） ngAfterViewInit(){ var boxDom:any=document.getElementById('box'); boxDom.style.color='red'; } 对变量定义数据类型，防止编译报错 Angular 中的 dom
阅读全文
摘要：Angular组件之间不能互相调用方法，但是可以通过创建服务来实现公共方法的调用。 实现 创建服务命令 ng g service 服务路径/服务名 比如这里在app/services目录下创建storage服务 ng g service services/storage 在app.module.ts
阅读全文
摘要：我们可以通过以下三种方式来实现： 传递一个组件的引用给另一个组件 通过子组件发送EventEmitter和父组件通信 通过serive通信 1. 传递一个组件的引用给另一个组件 Demo1 模板引用变量 模板引用变量通常用来引用模板中的某个 DOM 元素，它还可以引用 Angular 组件或指令或W
阅读全文
摘要：官方认为组件不应该直接获取或保存数据， 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。 而服务就充当着数据访问，逻辑处理的功能。把组件和服务区分开，以提高模块性和复用性。 1.依赖注入 注入器是主要的机制。Angular 会在启动过程中为你创建全应用级注入器以及所需的其它注入器。你不用自
阅读全文
摘要：什么是生命周期 生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。 当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些 生命周期钩子方法。 每个接口都有唯一的一个钩子方法，它们的名字是由接口名再加上ng前缀构成的，比如OnInit接
阅读全文