摘要: Rxjs:针对异步数据流的编程。 目前常见的异步编程的几种方法: 回调函数 事件监听/发布订阅 Promise Rxjs 处理异步: ts 中引入 import {Observable} from 'rxjs'; 处理异步 getRxjsData(){ return new Observable(( 阅读全文
posted @ 2021-09-14 15:17 鬼灯 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 路由就是根据不同的URL地址,动态地让根组件挂载其他组件,来实现一个单页面应用 引入组件,app-routing.module.ts import { HomeComponent } from './components/home/home.component'; import { NewsComp 阅读全文
posted @ 2021-09-14 15:16 鬼灯 阅读(39) 评论(0) 推荐(0) 编辑
摘要: get 请求数据 在app.module.ts 中引入 HttpClientModule 并注入 //引入HttpClientModule import { HttpClientModule } from '@angular/common/http'; imports: [ BrowserModul 阅读全文
posted @ 2021-09-14 15:14 鬼灯 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 官方文档: [Angular - 生命周期钩子](https://angular.cn/guide/lifecycle-hooks ngOnChanges():用于:父组件给子组件传值,父组件改变传值的数据。 ngOnInit():用于请求数据,初始化操作 ngAfterViewInit():dom 阅读全文
posted @ 2021-09-14 15:09 鬼灯 阅读(101) 评论(0) 推荐(0) 编辑
摘要: dom操作(原生js) //原生 let oBox:any=document.getElementById('box'); console.log(oBox.innerHTML); oBox.style.color="red"; dom操作(ViewChild) 1、模板中给dom起一个名字 <di 阅读全文
posted @ 2021-09-14 15:07 鬼灯 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 创建服务命令: ng g service my-new-service 创建到指定目录下面: ng g service services/storage 可以在其他组件中使用服务。 //在service引入并配置服务 import { StorageService } from './service 阅读全文
posted @ 2021-09-14 15:05 鬼灯 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 创建项目:ng new angulardemo1 运行项目:ng serve --open 创建组件:ng g component components/home 声明属性的几种方式: public : 共有 (默认) 可以在这个类里面使用,也可以在类外面使用 protected : 保护类型 只有 阅读全文
posted @ 2021-09-14 15:02 鬼灯 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 报错: Failed to compile../src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss (./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modul 阅读全文
posted @ 2021-09-14 10:39 鬼灯 阅读(570) 评论(0) 推荐(0) 编辑