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
默认选中