Angular
Software攻城狮
从 "前端" 向 "大前端" 方向进发 ————
(成功人士习惯去做失败者不爱做的事。他们当然也不喜欢干这些事,但他们让这种不喜欢服从于对自己目标的追求 。。。。。。 远离舒适,不断学习,知识更新,提升竞争力)
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Angular中 RxJS的使用场景
Angular中 RxJS的使用场景表单1、模板驱动型表单:所有内容都在HTML中2、响应式表单某些内容移到代码中3、动态表单表单都用代码创建RxJS的典型的应用场景1.http服务2事件处理原创 2022-02-10 23:22:48 · 757 阅读 · 0 评论 -
Promise与RxJS中Observable的区别
Promise与RXJS中Observable的区别//以下是Promise的写法 let promise = new Promise(resolve => { setTimeout(() => { resolve("---promise timeout---"); }, 2000); }); promise.then(value => console.log(value));//以下是Observable的写法 let st原创 2022-02-10 22:11:47 · 589 阅读 · 0 评论 -
Angular 的使用注意点
Angular 的使用注意点第一部分命令工具第二部分1.组件,组件树生成器,理清个组件脉络Angular2-dependencies-graph模块Router本质上表示的是当前页面的状态第三部分依赖注入:构造器注入数据绑定:第四部分. UI库5. 参考示例(项目案例)...原创 2022-02-07 23:23:45 · 551 阅读 · 0 评论 -
Angular6中路由的使用
Angular6中路由的使用1 . 在app-routing-module.ts中定义routes import { NgModule } from '@angular/core'; import { Routes, RouterModule } from 'angular/router'; import { HappyComponent } from './routes/happy/happy.component'; import { WorkComponent } from './routes原创 2020-10-21 21:36:27 · 144 阅读 · 1 评论 -
Angular中的数据交互(get , jsonp , post )
Angular中的数据交互(get , jsonp , post )一 Angular中的get 请求数据Angular5.x以后get , post 和服务器交互使用的是HttpClientModule模块使用步骤:在app.module.ts中引入HttpClientModuleimport { HttpClientModule } from '@angular/common/http' ;在使用到的地方引入HttpClient 并在构造函数中声明 // 当作一个服务impor原创 2020-10-18 21:40:33 · 531 阅读 · 0 评论 -
Rxjs异步数据流编程
Rxjs异步数据流编程定义:—— 它将一切数据,包括HTTP请求,DOM事件或普通数据等包装成流的形式,然后用丰富的操作符对流进行处理,使之能以同步的方式处理异步数据。一. 目前常见的异步编程的几种方法回调函数事件监听 / 发布订阅promiseRxjs//promise...getPromiseData(){ return new Promise((resolve,reject) => { setTimeout(() => { va原创 2020-10-18 21:14:39 · 227 阅读 · 0 评论 -
Angular中生命周期钩子函数的理解
Angular中生命周期钩子函数的理解Angular每个组件都存在一个生命周期,从创建,变更到销毁。。。生命周期执行顺序:// 0. constructor构造函数中, 除了使用简单的值对外部局部变量进行初始化外,什么都不应该做1 . ngOnChanges (父子组件传值时会用到)在有输入属性的情况下才会调用,该方法接受当前和上一属性值的SimpleChanges对象。如果有输入属性,会在ngOnInit之前调用。2 . ngOnInit (通常原来处理请求数据及初始化指令/原创 2020-10-13 22:50:28 · 731 阅读 · 2 评论 -
Angular中的父子组件传值 @Input 和@ViewChild 及组件之间的通信
Angular中的父子组件传值 @input 和@ViewChild 及组件之间的通信一 父组件给子组件传值 @input父组件调用子jie组件时传入数据<app-header [msg] = "msg ></app-header>子组件引入input 模块import { Input , OnInit , Component } from "@angulat/core" 3.子组件中@Input 接收父组件传过来的值export class He原创 2020-10-13 08:04:06 · 412 阅读 · 0 评论 -
RxJS 的应用示例
RxJS 的应用示例示例:如何控制一秒钟内最多点击一次JS :var count = 0;var rate = 1000;var lastClick = Date.now() - rate;var button = document.querySelector('button');button.addEventListener('click', () => { if (Date.now() - lastClick >= rate) { console.log(`Clic原创 2020-08-23 17:09:24 · 581 阅读 · 0 评论 -
Angular 2中 ‘component‘ is not a known element
Angular 2中 ‘component’ is not a known element报错如下图:When I deal with similar problems, there are several points :Check the name is correct? (also check the selector defined in the component)Declare the component in a module?If it is in another modul原创 2020-08-22 17:30:09 · 424 阅读 · 0 评论 -
Angular中新建组件
Angular中新建组件执行命令:ng g c headers 不带路径ng g c /component/element(组件名) //带路径一起共生成4个文件。例:element.component.tsimport { Component, OnInit } from '@angular/core';@Component({ selector: 'app-element', templateUrl: './element.component.html', sty原创 2020-08-09 15:20:30 · 512 阅读 · 0 评论 -
angular中,使用ng xx, 显示:无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称......
angular中,使用ng xx命令, 显示:无法将“ng”项识别为 cmdlet、函数、脚本文件或可运行程序的名称…解决方案:应该是node.js 或@angullar/cli 相关版本需要更新可以更新后再试一下:npm install -g @angular/cli查看angullar/cling version...原创 2020-08-09 12:28:44 · 1134 阅读 · 0 评论
分享