AngularJS对象一直在写,不会推
我有下面的AngularJS,它打开了一个对话框,我在两个输入字段中键入,然后按AngularJS对象一直在写,不会推,angularjs,angularjs-scope,Angularjs,Angularjs Scope,我有下面的AngularJS,它打开了一个对话框,我在两个输入字段中键入,然后按ok(),这将把输入值写入我的$scope 这是可行的,但当我再次打开模式并在输入字段中输入更多详细信息,然后单击ok()时,我试图将其添加到我的$scope中的当前输入对象中,但它只是写得太多了 var theApp = angular.module('theApp', []); var app = angular.module('theApp', ['ui.bootstrap']); app.control
ok()
,这将把输入值写入我的$scope
这是可行的,但当我再次打开模式并在输入字段中输入更多详细信息,然后单击ok()
时,我试图将其添加到我的$scope
中的当前输入对象中,但它只是写得太多了
var theApp = angular.module('theApp', []);
var app = angular.module('theApp', ['ui.bootstrap']);
app.controller('MenuSideController', ['$scope','$modal','$log', function($scope, $modal, $log) {
var ModalInstanceCtrl;
$scope.createmarker = function () {
var modalInstance = $modal.open({
templateUrl: 'template/modal-add-marker.html',
controller: ModalInstanceCtrl,
resolve: {},
scope: $scope.$new()
});
modalInstance.result.then(function (selectedItem) {
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
};
ModalInstanceCtrl = function ($scope, $modalInstance) {
$scope.input = [];
$scope.ok = function () {
$modalInstance.close($scope.input);
console.log($scope);
$scope.gps = "";
$scope.title = "";
};
$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
};
$scope.plotmarkers = function($scope) {
console.log($scope);
};
}]);
在中查看我的代码您只是在使用值的引用地址,如果您使用angular.copy(您的对象),它将创建一个新实例,当您重新打开模式时,该实例将不会被覆盖。我不确定是否理解您的问题,但我想你要做的是把模态推送选择放到父控制器的数组中?如果是这样,您只需将modalInstance.result
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.items = ['item1', 'item2', 'item3'];
$scope.selected = {};
$scope.selected.items = [];
$scope.open = function () {
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: ModalInstanceCtrl,
resolve: {
items: function () {
return $scope.items;
}
}
});
modalInstance.result.then(function (selectedItem) {
$scope.selected.items.push(selectedItem);
}, function () {
$log.info('Modal dismissed at: ' + new Date());
});
};
};
有关完整的工作示例,请参见此处:我将添加/更改到modalInstance
:
modalInstance.result.then(function (selectedItem) {
$scope.keys.push({title: selectedItem.titley, gps:selectedItem.gps, desc:selectedItem.desc});
}
演示请显示我的$scope
中的当前输入对象是什么?或者更好的Fiddle/plunker中的post-code示例这是我想要的,但我希望有一个推到$scope的输入框