dart - 如何在 Angular Dart 中操作表单？

Question

我找不到任何解释如何在 Angular Dart 中操作表单的文档。

我在 my_component.html 中有以下代码:

<form name="form" ng-submit="comp.save()">
  <input type="text" required ng-model="comp.user.firstname">
  <input type="text" required ng-model="comp.user.lastname">
  <button ng-disabled="form.invalid">Save</button>
</form>

以下是 my_component.dart 中的一个:

@NgComponent(
  selector    : 'my-component',
  templateUrl : 'my_component.html',
  publishAs   : 'comp'
)
class MyComponent {

  @NgTwoWay('user')
  User user;

  @NgTwoWay('form')
  NgForm form;

  MyComponent() {};

  void save() {
    print(form);
  }

}

验证运行良好，但单击按钮时， print(form)语句总是打印 null .

任何的想法？

谢谢

Answer 1

我想这就是你想要的:

class MyComponent {
  @NgTwoWay('user')
  User user = new User();

  Scope scope;

  MyComponent(this.scope) {}

  void save() {
    var form = (scope.context['form'] as NgForm);
    print(form.invalid);
  }
}