如何操纵Angular Dart中的表单？

发布时间：2020-12-17 16:58:13 所属栏目：安全来源：网络整理

导读：我找不到任何解释如何在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.lastn

我找不到任何解释如何在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.

任何的想法？

谢谢

解决方法

我想这就是你想要的：

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);
  }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!