Javascript 如何使用AngularJS检索动态参数
我无法在动态表单submit中使用ng submit检索参数 截图: 显示代码:Javascript 如何使用AngularJS检索动态参数,javascript,angularjs,form-submit,Javascript,Angularjs,Form Submit,我无法在动态表单submit中使用ng submit检索参数 截图: 显示代码: (function() { 'use strict'; angular.module('starter.controllers') .controller('MessagesCtrl', msgs); function msgs() { console.log('Loading MessagesCtrl!'); var vm = thi
(function() {
'use strict';
angular.module('starter.controllers')
.controller('MessagesCtrl', msgs);
function msgs() {
console.log('Loading MessagesCtrl!');
var vm = this;
vm.doMessage = function(_form) {
if (_form.$valid) {
console.log(_form);
// Who get parameters dynamic to POST?
}
};
};
})();
Html表单
<form name="submitForm" no-validate="" ng-submit="vm.doMessage(submitForm)">
<div class="responsive-grid-break list list-inset padding-1">
<h1>Enviar uma mensagem</h1>
<label class="item item-input">
<span class="input-label">For</span>
<div class="item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" name="search" ng-model="msg.search" placeholder="..." />
</div>
</label>
<label class="item item-input">
<span class="input-label">Message</span>
<div class="separator item-input">
<textarea name="msgtext" ng-model="msg.text" placeholder="This message."></textarea>
</div>
</label>
<div class="list list-inset">
<div class="padding">
<button class="button button-block button-royal" type="submit">Send</button>
</div>
</div>
</div>
</form>
通常,您使用Angular将输入绑定到模型,并且您可以从控制器中访问这些模型:
<div>
<form name="myForm" ng-submit="vm.doMessage()">
<input type="text" ng-model="formData.name" />
<input type="date" ng-model="formData.date" />
<input type="submit" value="Submit" />
</form>
</div>
function msgs() {
console.log('Loading MessagesCtrl!');
var vm = this;
vm.doMessage = function() {
if (vm.myForm.$valid) {
var name = vm.formData.name;
var date = vm.formData.date;
}
}
};
谢谢@devqon,但如果表单是dinamic,则有许多字段。我想更好的想法检索后提交dinamic。然后请包括您的表单htmlI我仍然不知道什么是动态的。您有一个名为msg的模型,为什么不使用它呢?谢谢@devqon。我的控制器中有一个msg模型和一个doMessage函数。你说它是动态的是什么意思?我看不到任何动态