Я хочу обменять значение ng-модели (из директивы) на главный контроллер для сохранения в базе данных, но я не получаю значение ng-модели.
См. Ниже предустановленные номер мобильного телефона равен 1111111 , но когда я изменил значение с 1111111 на 999999 (при загрузке dom после нажатия кнопки добавления номера мобильного телефона) и при нажатии на кнопка сохранения показывает только значение 1111111. Ожидаемый результат: 999999
Примечание: я могу использовать только основной контроллер, я не могу использовать контроллер в директиве для сохранения данных, потому что у меня тоже есть другая директива.
мой код (приложение 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>