Angularjs 如何在angular 1.6/es6应用程序上访问表单对象?
我正在开发一款将angular 1.6与es6结合使用的应用程序。 我有一张表格:Angularjs 如何在angular 1.6/es6应用程序上访问表单对象?,angularjs,angularjs-scope,ecmascript-6,es6-class,Angularjs,Angularjs Scope,Ecmascript 6,Es6 Class,我正在开发一款将angular 1.6与es6结合使用的应用程序。 我有一张表格: <form name="foobar" ng-submit="$ctrl.submitThat()" novalidate> 我忘了添加应用程序使用webpack 因此,假设$scope.foobar由于某种原因不存在,您可以编辑该方法: submitThat(form) { console.log('form:', form); } 显然,最初的呼叫需要更改: <form name=
<form name="foobar" ng-submit="$ctrl.submitThat()" novalidate>
我忘了添加应用程序使用webpack 因此,假设$scope.foobar由于某种原因不存在,您可以编辑该方法:
submitThat(form) {
console.log('form:', form);
}
显然,最初的呼叫需要更改:
<form name="foobar" onSubmit="$ctrl.submitThat(foobar)" novalidate>
不过,我建议您研究一下“vm”,并开始用vm命名表单(和模型);John Papa的指南是一个很好的起点,它指出任何带有“点”的模型都不是真正的模型…验证对象现在是一个属性,不再是字符串。 因此,我必须替换:
<form name="foobar" ng-submit="$ctrl.submitThat()" novalidate>
与:
然后,它在控制器中的$ctrl对象上可用
使用此框架,小事情会不断发生变化,因此我可以有一个有趣的下午。使用相同的对象以表单形式创建所有
ng模型
,我重新检查了它们,它们位于相同的对象上。此对象附加到“$ctrl”。后控制器代码也是添加的控制器代码请显示所有相关代码。目前尚不清楚StuffController是如何使用的。不清楚此
在哪里。谢谢,但我觉得你有点困惑。我所说的验证对象通常基于表单名称。这与模型不同。
<form name="foobar" ng-submit="$ctrl.submitThat()" novalidate>
<form name="$ctrl.foobar" ng-submit="$ctrl.submitThat()" novalidate>