如何使用AngularJS檢索動態參數

Question

我無法在動態表單提交中使用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>

Answer 1

通常，您使用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;
        }
    }
};