您可以在不覆盖数据的情况下使用相同的视图和角度控制器吗?
Can you use the same view and angular controller without overwriting the data?
我有一个使用 PDF 查看器-pdf angularjs 的应用程序,这个查看器使用 html 模板有了自己的控制器 AngularJS,这个查看器想在不同的目录中使用它(即它是global)查看器,当我打开一个 PDF 目录和位置时,我工作得很好,但当你打开另一个时我在上一个窗口中解锁了另一个加载pdf,但没有打开的地方,即数据覆盖了我有没有办法解决这个问题,在多个目录中打开同一个查看器而不影响其他目录?
如果您将 PDF 查看器设置为指令,您应该能够实现这一点,因为指令在其自己的范围内运行。
这就是我创建如下所示的服务的原因:
angular.module('myModule',['pdf']).service('pdfService', function () {
var pdfURL = "";
var defineURL = function (url) {
pdfURL = url;
};
var getURL = function () {
return pdfURL;
};
return {
defineURL: defineURL,
getURL: getURL
};
}).controller('DocControlador', ['$scope', 'pdfService', function ($scope, pdfService) {
$scope.pdfName = '';
$scope.pdfUrl = pdfService.getURL();
$scope.scroll = 0;
$scope.loading = 'cargando...';
$scope.getNavStyle = function (scroll) {
if (scroll > 100) return 'pdf-controls fixed';
else return 'pdf-controls';
}
$scope.onError = function (error) {
console.log(error);
}
$scope.onLoad = function () {
$scope.loading = '';
}
$scope.onProgress = function (progress) {
console.log(progress);
}
}])
在这里,我将值分配给来自另一个控制器的服务变量:
pdfService.defineURL("''Files''1''Charts''" + $scope.fileName);
相关文章:
- 将范围添加到角度种子默认视图控制器时,测试套件现在失败
- 设置子视图控制器 EmberJS
- 使用emberjs测试视图控制器
- UIwebview图片到新的视图控制器
- 节点.js中的模型-视图-控制器模式
- 如何通过不同的视图/控制器在特定元素上设置 ng-show
- Extjs 5.1:视图控制器中的方法未调用
- 视图控制器和恩约
- 如何在路由更改之间维护视图(控制器)状态
- 角度.js分页过滤的数据并显示总项目,而无需在视图/控制器中复制代码
- 嵌套视图控制器和ng-click-AngularJs
- 视图/控制器不会使用 push() 函数刷新,使用 angularjs 中的 socket.io
- 如何在状态管理器视图控制器中传递已解析的依赖项
- 建议:在JavaScript中难以使用模型视图控制器
- 在Angular JS中动态加载视图/控制器
- 如何将数据从主控制器发射到角度视图控制器
- 如何在Rails视图控制器中访问HTML5本地存储
- 在Angular中,如何重新初始化视图'控制器中的$scope变量?
- 跨视图控制器传输值不工作
- 视图控制器需要:属性不工作