1

だから私はAngular jsのng-dialogプラグイン内にフォームを持っています。ng-dialog の内容は、外部の html ファイルからロードされます。問題は、データを保存しようとすると未定義になることです。使用している ng-model の更新が不足していると思われますが、その方法が明確ではありません。私はいくつかの同様の例を見てきましたが、それでもうまくいきません。ダイアログが閉じられたときではなく、フォーム内のボタンが押されたときにデータを収集したいのですが、閉じたときにも同様です。これが私のコードです：

angular.app.js

myApp.controller('RequestController', function ($scope, $http, $location, $window, subtitleRequestService, $sce, subtitlesApiServiceUrl, helperService, ngDialog) {

    $scope.string_identifier = helperService.getParameterByName("v");
    $scope.availableSubtitles = null;

    $scope.request = {
        status: "pending",
        status_reason: "",
        status_reason_f: ""
    };

    var getAvailableSubtitles = function()
    {
        subtitleRequestService.getAvailableSubtitlesForRequest().then(
            function (res) {
                var subs = res.data.message;
                $scope.availableSubtitles = subs;
            },
            function () {
                alert('Error');
            }
        );
    };

    $scope.saveStatus = function()
    {
        var sts = ($scope.request.status_option === "accepted" ? $scope.request.status_reason : $scope.request.status_reason_f);
        $http.post(subtitlesApiServiceUrl + "changeRequestStatus/request_id/" + $scope.string_identifier + "/status/" + $scope.request.status + "/status_reason/" + sts)
            .success(function (data, status, headers, config) {
                alert(data.message);
            }).error(function (data, status, headers, config) {
                alert(data);
            });
    };

    $scope.changeStatus = function()
    {
        getAvailableSubtitles();
        var dialogInstance = ngDialog.open({
            //appendTo: window.parent.document.getElementsByTagName('body'),
            template: "/templates/change-request-status.html",
            scope: $scope,
            controller: 'RequestController',
            className: 'ngdialog-theme-default'
        });
    };
});

externalTeamplate.html

<div class="ngdialog-message" ng-controller="RequestController">
    <h3>Schimbă status</h3>
    <div class="form">
        <form class="form" name="$scope.request">
            <div class="row">
                <label for="status_options">Status</label>
                <select name="status_options" id="status_options" ng-model="request.status_option">
                    <option value="pending" selected="selected">În procesare</option>
                    <option value="accepted">accepted</option>
                    <option value="rejected">rejected</option>
                    <option value="deleted">deleted</option>
                    <option value="in_translation">in_translation</select>
                </select>
            </div>
            <div class="row" ng-show="request.status_option !== 'accepted'">
                <label for="status_reason">Reason:</label>
                <input type="text" id="status_reason" size="35" maxlength="144" ng-model="request.status_reason" />
            </div>

            <div class="row" ng-show="request.status_option=='accepted'">
                <label for="status_reason_f">Please select:</label>
                <select id="status_reason_f" ng-repeat="(key, value) in availableSubtitles" ng-model="request.status_reason_f">
                    <option value="{{key}}">{{value}}</option>
                </select>
            </div>
        </form>
    </div>
</div>
<div class="ngdialog-buttons">
    <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="saveStatus()">Salvează</button>
</div>

私は何が欠けていますか？ありがとう！

4

0 に答える 0