Как изменить переменную $ scope из модального окна - PullRequest
Новая
       8

Как изменить переменную $ scope из модального окна

0 голосов
/ 10 мая 2018

У меня есть эта функция внутри моего контроллера, на которую я отправляю серию данных, которые я получаю в качестве параметров правильно. 

$scope.changeValues = function(measure,name,valCol) {

var modalInstance = $modal.open({

    templateUrl: 'myModalContent.html',

    backdrop: 'static',

    scope: $scope, 

    controller: function($scope, $modalInstance) {

             $scope.ok = function(){

                 $scope.myVar = "hello";
                 console.log($scope.myVar);
                 modalInstance.close();

             }

    }

});};

Я хочу изменить значение переменной $ scope.myVar в моем $modal.window, но эти изменения не сохраняются.Где ошибка? 

<div class="reducedfont" ng-init="loadCtrl()">

<script type="text/ng-template" id="myModalContent.html">
<!-- template for modal -->
    <div class="modal-header">
        <h3 class="modal-title">{{valueName}}</h3>
    </div>
    <div class="modal-body">

    </div>
    <div class="modal-footer">
        <button class="btn btn-primary" ng-click="ok()">Ok</button>
        <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
    </div></script>
<p>{{myVar}}</p>

Ответы [ 2 ]

0 голосов
/ 10 мая 2018

Хорошо, у вас все хорошо, но неправильно.

Если вы хотите сохранить обновленное значение, вы должны установить его как значение свойства объекта .

Работа со строкой (или вообще с типом примитивов) разрывает ссылку на объект между вашими областями действия.

Попробуйте с: 

controller: function($scope) {

    $scope.ok = function(){

        $scope.myVar.value = "hello";

        console.log($scope.myVar);
        modalInstance.close();
    }
}

Когда вы выйдете из своего модального режима (и когдаего область действия уничтожена) ваш $ scope.myVar будет сохранять это свойство значение в обновлении.

0 голосов
/ 10 мая 2018

, если вы хотите изменить 

 $scope.changeValues = function(measure,name,valCol) {

    var modalInstance = $modal.open({

        templateUrl: 'myModalContent.html',

        backdrop: 'static',

        scope: $scope, 

        controller: function($scope, $modalInstance) {

                 $scope.ok = function(){

                     $scope.myVar = "hello";
                     console.log($scope.myVar);
                     $modalInstance.close($scope.myVar);

                 }

        }

    })//end of $model


    modalInstance.result.then(function (SelectedItem) {
        setTimeout(function () {
            //SelectedItem is the value return from modal controller on close and $scope.myVar is the variable in the controller where $scope.changeValues function is defined.

            $scope.myVar= SelectedItem;
        }, 500);
    });

    };//end of function
...