我有一个Angular问题获取从父作用域解除绑定的模式作用域。我希望我传入模态的范围对象与相应的范围对象分开。角度bootstrap ui模式作用域与父项的绑定
无论我如何构造模态对象,父对象始终会对其进行镜像。我发现的唯一解决方案是更改对象属性名称,但对于我的项目中的每个模式都会很麻烦。
例如,我可以在父级$ scope.parentData.firstName和模态变量$ scope.modalData.a.b.c.firstName中有一个$ scope变量,父级将镜像模态值。
我想这里有一些父母的孩子$范围问题,我没有得到。 下面是说明这一问题的普拉克:
http://plnkr.co/edit/5naWXfkv7kmzFp7U2KPv?p=preview
HTML:
<div ng-controller="ModalDemoCtrl">
<script type="text/ng-template" id="myModalContent.html">
<div class="modal-header">
<h3>I'm a modal!</h3>
</div>
<div class="modal-body">
<input ng-model="modalData.a" />
<input ng-model="modalData.b" />
<input ng-model="modalData.c" />
Selected: <b>{{ sourceData }}</b>
</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>
<button class="btn btn-default" ng-click="open()">Open me!</button>
{{sourceData}}
<div ng-show="sourceData">Selection from a modal: {{ test }}</div>
</div>
</body>
</html>
JS:
angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.sourceData = {a:'abc',b:'bcd',c:'cde'};
$scope.open = function() {
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: ModalInstanceCtrl,
resolve: {
data: function() {
return $scope.sourceData;
}
}
});
modalInstance.result.then(function (selectedItem) {
$scope.scopeData = selectedItem;
}, function() {
$log.info('Modal dismissed at: ' + new Date());
});
};
};
// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.
var ModalInstanceCtrl = function ($scope, $modalInstance, data) {
$scope.modalData = {};
$scope.modalData = data;
$scope.ok = function() {
$modalInstance.close($scope.modalData);
};
$scope.cancel = function() {
$modalInstance.dismiss('cancel');
};
};
只是使用'angular.copy(对象)' 。必须记住,除非你克隆它们,否则通过引用传递对象。这与angular没有关系,它是原生javascript原型继承问题。如果您想要将它们合并到一起,请使用'angular.extend()' – charlietfl 2014-11-03 23:56:38
http://plnkr.co/edit/jAo0c354puN17OX7Ysgl?p=preview – charlietfl 2014-11-04 00:01:00