Angular 形式 : "No value accessor for ..."

Question

使用 AngularDart Material 包。确实可以对这个错误使用一些帮助:

"No value accessor for (username) or you may be missing formDirectives in your directives list."

最小设置(formDirectives在指令列表中指定):

login.html

<form (ngSubmit)="onSubmit()" #form="ngForm">
        <material-input class="username" ngControl="username" [(ngModel)]="username"
            [required]="true"
            [floatingLabel]="true"
            label="Username">
        </material-input>
</form>

登录.dart

import 'package:angular/angular.dart';
import 'package:angular_components/angular_components.dart';
import 'package:angular_forms/angular_forms.dart';

@Component(
  selector: 'login',
  styleUrls: const ['style.css'],
  templateUrl: 'login.html',
  directives: const [formDirectives,MaterialInputComponent,]
)
class LoginComponent {

  String username;
  void onSubmit() {}
}

Answer 1

您需要 ControlValueAccessor 在指令列表中进行 Material 输入。

最好直接使用materialInputDirectives 而不是MaterialInputComponent，因为它具有您可能想要用来与值交互的其他指令。