如何使用ngForm获取表单元素的属性？

<form #myForm="ngForm" (ngSubmit)="onSubmit(myForm)">
  <!-- 表单控件 -->
  <input type="text" name="username" ngModel>
  <input type="password" name="password" ngModel>
  <!-- 其他表单控件 -->
  <button type="submit">提交</button>
</form>

import { Component, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';

@Component({
  selector: 'app-my-form',
  templateUrl: './my-form.component.html',
  styleUrls: ['./my-form.component.css']
})
export class MyFormComponent {
  @ViewChild('myForm') form: NgForm;

  onSubmit(form: NgForm) {
    console.log(form.value); // 获取表单的值
    console.log(form.valid); // 表单是否有效
    console.log(form.controls['username'].value); // 获取特定控件的值
    console.log(form.controls['username'].valid); // 特定控件是否有效
    // 其他操作...
  }
}