javascript - Ionic Framework - 如何提交包含动态内容的表单？

Question

我有一些使用 ng-repeat 动态生成的文本框:

<ion-content>

    <div class="matchList">

        <div class="matchListItem" ng-repeat="match in matchData">

            <div class="home-team-name">
                {{match.Team1.TeamName}}
            </div>

            <div class="tip-input">
                <input type="text" style="border:1px solid #CCC; width:100%; height:23px; padding-left:4px;" />
            </div>

            <div class="tip-center">
                <center>:</center>
            </div>

            <div class="tip-input">
                <input type="text" style="border:1px solid #CCC; width:100%; height:23px; padding-left:4px;" />
            </div>

            <div class="guest-team-name">
                {{match.Team2.TeamName}}
            </div>

            <div style="clear:both"></div>
        </div>

    </div>

    <div class="save-button">
        <button class="button button-block button-positive" ng-click="save()">
            Save
        </button>
    </div>
</ion-content>

这是一场足球联赛的小费比赛。因此，比赛日的每场比赛都有两个文本框。我想将文本框的值发送到 php 文件。我知道我可以做这样的事情:

$scope.save = function () {

    $http.get('http://localhost/saveTips.php?data=' + data).then(function (response) {
        $scope.doesItWork = response.data;
    })

}

但是如何将每个文本框的值保存在数据变量中以将其发送到 php 文件？

Answer 1

您需要将模型归因于字段，以允许访问 Controller 上的数据。您可以做一些简单的事情，例如将数据存储在数组上(一个新的数组，甚至是您执行 ng-repeat 的相同数组，如这个简单示例所示。)

<input type="text" ng-repeat="input in inputs" ng-model="input.model" />

Live JSFiddle

如果您想查看更复杂的示例，请告诉我，但我认为您可以理解。