![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
tamia_nice
这个作者很懒,什么都没留下…
展开
-
Angular学习小片段(条件渲染)
Angular学习小片段(条件渲染)1.单击时间路由跳转 toProfessional(): void{ this.router.navigate(['task-management/professional']); }注入路由依赖 导入路由import { Router } from '@angular/router'; constructor( public router: Router ) {}...原创 2021-02-26 14:35:25 · 93 阅读 · 0 评论 -
Angular学习片段2
1.条件渲染ngIf<!-- 条件渲染 --><div *ngIf="person == '广州人'">广州人</div><div *ngIf="person == '湖北人'">湖北人</div><!-- 切换显示 --><button (click)="qiehuan()">切换显示</button>ts文件里export class AppComponent { person:str原创 2021-02-26 16:10:50 · 81 阅读 · 0 评论 -
Angular中input双向绑定
input双向绑定<!-- input监听事件 msg不是实时触发 --><!-- 1.改变时触发 --><div> <input type="text" [value]="num" (change)=changeNum($event)> <h1>{{num}}</h1> </div><!-- 2.双向绑定 键盘按下时触发 --><div> <input type原创 2021-02-28 19:50:45 · 1616 阅读 · 0 评论 -
angular中父子组件传值
父子组件传值1.父向子传值(input传入)父组件<hr><button (click)="toSon()">点击一下给子组件传值</button><app-son [msg]="msg" ></app-son>export class AppComponent { num = 'yyu'; msg = '' ;// 要传给子组件的值 toSon():void { this.msg = this.num原创 2021-02-28 20:39:50 · 345 阅读 · 0 评论 -
Angular样式设置ngStyle
<!-- [style.属性值] 和[ngStyle] --><p [style.color]="'pink'">我是粉色</p><p [style.color]="true ? 'green' : 'red'">我是绿色</p><!-- 带单位 --><p [style.font-size.px]="30">我是粉色</p><p [style.font-size.em]="2">.原创 2021-04-21 18:57:15 · 1291 阅读 · 0 评论 -
angular点击按钮颜色切换
angular点击按钮颜色切换html文件中<button [class.color]="flag" (click)="getColor()">点我变变变</button><style> .color { background-color: skyblue; }</style>ts文件中export class AppComponent { flag = false; getColor(): void {原创 2021-03-06 14:25:14 · 1166 阅读 · 0 评论 -
Angular自定义指令
Angular自定义指令Angular自定义指令(一 ) 实现添加某个属性,标签颜色发生改变1.创建自定义指令文件(选择器)ng g directive directive/yustyle2.ts文件中import { Directive, ElementRef} from '@angular/core';@Directive({ selector: '[appYustyle]'})export class YustyleDirective { constructor(priv原创 2021-03-11 16:34:45 · 2240 阅读 · 0 评论 -
Angular异步请求
Angular异步请求1.创建服务ng g service service/文件名2.ts文件中3.html文件中原创 2021-03-11 17:19:25 · 341 阅读 · 0 评论