角形式:“ ...的无值访问器”

时间:2018-07-12 05:16:39

标签: angular angular-dart angular-forms

使用AngularDart材质包。确实可以针对此错误使用一些帮助:

  

“(用户名)没有值访问器,或者您的指令列表中可能缺少formDirectives。”

最小设置(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>

login.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() {}
}

1 个答案:

答案 0 :(得分:4)

您需要使用ControlValueAccessor在指令列表中进行物料输入。

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