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