100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > angular学习笔记(二)-控件学习

angular学习笔记(二)-控件学习

时间:2020-08-10 17:46:49

相关推荐

angular学习笔记(二)-控件学习

Angular控件学习

新建组件

ng generate component ***

控件使用

样式(.scss)

私有的样式写入组件自带的.scss文件中

公有的样式写入app->styles.scss中

使用angular自带控件样式时,在app->styles.scss中引入

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

业务逻辑(.ts)

在声明变量时注意指定类型,否则可能会报错。

在ts中,方法后面不需要加逗号(,)

模块引入

进行数据双向绑定时,在app->app.module.ts中引入模块

import { FormsModule} from '@angular/forms';

之后再imports模块中进行声明。

引入表单相关的模块才可以用双向数据的绑定

双向绑定

[(ngModel)]中括号[]表示绑定属性,小括号()表示绑定事件

input框的双向绑定

(1)html

<input matInput id="stuPhone" name="stuPhone" formControlName="stuPhone" [(ngModel)]="stuInfo.stuPhone"/>

(2)ts

public stuInfo:any ={stuPhone:12345678901,sex:1}

(3)效果

单选按钮(radio button)

<mat-radio-button value="1" class="mat-radio-button" [checked]=true>男</mat-radio-button>

[checked]=true默认选中

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。