обмен значения ng-модели между директивой контроллера, чтобы сохранить форму в дБ в AngularJS - PullRequest
0 голосов
/ 20 апреля 2020

Я хочу обменять значение ng-модели (из директивы) на главный контроллер для сохранения в базе данных, но я не получаю значение ng-модели.

См. Ниже предустановленные номер мобильного телефона равен 1111111 , но когда я изменил значение с 1111111 на 999999 (при загрузке dom после нажатия кнопки добавления номера мобильного телефона) и при нажатии на кнопка сохранения показывает только значение 1111111. Ожидаемый результат: 999999

Примечание: я могу использовать только основной контроллер, я не могу использовать контроллер в директиве для сохранения данных, потому что у меня тоже есть другая директива. enter image description here

мой код (приложение js)


var app = angular.module("purveshApp", []);

// main controller
app.controller("purvesh_controller", ($scope, $compile, $http, $window) => {

    $scope.custmobile = parseInt(1111111);

    $scope.save_data = function () {
        console.log("your details === " + $scope.custmobile);
    }

      // add extra mobile number
    $scope.add_mobile = () => {
        var compiledeHTML = $compile(
            "<contact-details-mobile></contact-details-mobile>"
        )($scope);

        $(".mobile_num_body").append(compiledeHTML);
    };

});


// contact details add more
app.directive("contactDetailsMobile", $compile => {
    return {
        restrict: "EA",
        replace: true,
        templateUrl: "templates/contact_details_mobile.html",
        scope: {
            modelValue: '=ngModel'
        },
        controller: "purvesh_controller",
        link: (scope, element, attributes, controller) => {


            // remove extra mobile number option 
            scope.remove_mobile_number = () => {
                element.remove();
            };
        }
    };
});

ниже приведен шаблон директивы html file

<div class="input-group mb-2">
    <input type="number" name="mb_number" class="form-control" ng-model="custmobile"
        placeholder="Enter your Mobile no..." value="{{custmobile}}" />
    {{custmobile}}
    <button type="button" class="btn btn-danger btn-icon btn-sm ml-1" ng-click="remove_mobile_number()">
        <i class="icon-minus2"></i>
    </button>
</div>

ниже находится основной индексный файл

<label>Mobile Number :</label>
<div class="mobile_num_body">
   <div class="input-group mb-2">
      <input type="number" name="mb_number" class="form-control" placeholder="Enter your Mobile no...">
      <button type="button" class="btn btn-info btn-icon btn-sm ml-1" ng-click="add_mobile()"><i class="icon-plus2"></i></button>
   </div>
</div>


<div class="col-md-12">
   <button type="button" ng-click="save_date()">Save Data</button>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...