我可以使用一个ControlGroup编码表单,但是遇到多个ControlGroup的麻烦。根据示例代码,应在<div>
元素内部使用NgControlGroup,并在元素中使用NgForm <form>
。所以这是我的标记:
<form ng-form="main" (ng-submit)="handleSubmit()">
<div ng-control-group="group1" >
<input ng-control="c1"><br /><br />
<input ng-control="c2"><br /><br />
</div>
<div ng-control-group="group2">
<input ng-control="c3"><br /><br />
<input ng-control="c4"><br /><br />
</div>
<input type="submit" value="Submit">
</form>
这是组件构造函数的代码:
constructor() {
this.group1 = new ControlGroup({
"c1": new Control("first"),
"c2": new Control("second")});
this.group2 = new ControlGroup({
"c3": new Control("third"),
"c4": new Control("fourth")});
this.main = new ControlGroup({
"g1": this.group1, "g2": this.group2});
}
启动组件时没有出现任何错误,但是控件没有采用它们的初始值(“第一个”,“第二个”,依此类推)。这意味着HTML元素未正确绑定到控件。有什么想法吗?是否有使用NgForm和NgControlGroup的良好示例?
我弄清楚出了什么问题。应该使用NgModelForm指令代替NgModel。同样,<input>
元素应提及ControlGroup
s的专有名称。结果如下:
<form [ng-form-model]="main" (ng-submit)="handleSubmit()">
<div ng-control-group="g1" >
<input ng-control="c1"><br /><br />
<input ng-control="c2"><br /><br />
</div>
<div ng-control-group="g2">
<input ng-control="c3"><br /><br />
<input ng-control="c4"><br /><br />
</div>
<input type="submit" value="Submit">
</form>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句