Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用AngularJS检索动态参数_Javascript_Angularjs_Form Submit - Fatal编程技术网

Javascript 如何使用AngularJS检索动态参数

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

我无法在动态表单submit中使用ng submit检索参数

截图:

显示代码:

(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函数。你说它是动态的是什么意思?我看不到任何动态