我正在使用Angular显示图像列表.
单击图像时,我想显示带有图像和更多信息的对话框.
因此,当打开模态时,我需要传递范围,或者至少是图像.
注意:我使用ngDialog作为弹出窗口.
application.controller('ImageController',function ImageController($scope,ImageService,ngDialog) { $scope.model = { images: [],loading: false } var load = function () { $scope.model.loading = true; ImageService.GetList($scope.model.pages.instagram) .success(function (data,status,headers,config) { $scope.model.images = $scope.model.images.concat(data.Images) }) .error(function (data,config) { }) .finally(function () { $scope.model.loading = false });; } $scope.open = function (image) { ngDialog.open({ template: '<p>my template {{image.Key}} </p>',plain: true,scope: $scope }); }; load(); }); <div data-ng-app="Application" data-ng-controller="ImageController"> <div data-ng-repeat='image in model.images'> <img src="{{image.Url}}" alt="" data-ng-click="open(image)"/> </div>
显示图像并在点击时打开对话框…
但是,不知何故,我无法访问模板内的范围.
以下作品:
$scope.open = function (image) { ngDialog.open({ template: '<p>my template' + image.Key + '</p>',plain: true }); };
但这不起作用:
$scope.open = function (image) { ngDialog.open({ template: '<p>my template {{image.Key}} </p>',scope: $scope }); };
有谁知道为什么?
我无法弄清楚这一点.
将您的open方法更改为以下..
$scope.open = function (image) { var newScope = $scope.$new(); newScope.image = image; ngDialog.open({ template: '<p>my template {{image.Key}} </p>',scope: newScope }); };
这应该工作……
原文地址:https://www.jb51.cc/angularjs/140370.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。