angular route中使用resolve在uglify压缩后问题解决

2024-10-09 12:18:34

问题

如下代码所示, 如果在angular中配置route的resolve时, 没有指定'PicLoader', 则在压缩模式下(uglify), angular执行报错. 通过如下方式可以解决:

解决

$routeProvider
  .when("/pic", {
    controller: "ImageViewerCtrl",
    templateUrl: "image.html",
    resolve: {
      images: ['PicLoader', function (PicLoader) {
        return PicLoader();
      }]
    }
  })

以上就是angular route中使用resolve在uglify压缩后问题解决的资料，后续继续补充相关资料，谢谢大家对本站的支持！

Angular 路由route实例代码

AngularJS 路由 routing 能够从页面的一个视图跳转到另外一个视图,对单页面应用来讲是至关重要的.当应用变得越来越复杂时,我们需要一个合理的方式来管理用户在使用过程中看到的界面.AngularJS的做法是将视图分解成布局和模板视图,并且根据用户当前访问的URL来展示对应的视图. 本文对 AngularJS routing 做一简单示例,并提及其涉及的一些概念. 一.布局页面引用scripts: <script src="../Scripts/jquery-1.9.1.min
angularJS中router的使用指南

这几天看了angularjs和backbone,大看了解了knockout和emberjs,刚刚上网看到了一个angular的router的demo,现在顺便记下来复制代码代码如下:  <!doctype html> <head> <meta charset="utf-8"> <title>route</title> </head><br>
微信+angularJS的SPA应用中用router进行页面跳转，jssdk校验失败问题解决

今天偶然的把微信jssdk的debug打开后,发现调试信息总是提示签名错误,感情前两天api的"偶尔"不生效,不是因为还没执行代码,而是因为签名没正确啊!,这就是个100%可以重现的错误但只要这个SPA刚刷新过,或加载完后中途没有跳转,,签名就会是正确的. 而当路由发生改变,我们对新"跳转"的页面重新签名之后,却出现了签名错误,而我们的签名明明是正确的,把各种参数拿去微信JS签名校验工具(http://mp.weixin.qq.com/debug/cgi-bin/
AngularJs中route的使用方法和配置

angular是Google开发的一个单页面应用框架,是现在比较主流的单页面应用框架之一.该强大的地方有很多,比如双向数据绑定,应用了后端的MVC模式到前端,自定义指令等. 既然是单页面应用,肯定离不开页面的切换.我们首先来说一下angular的路由. angular实现页面切换时用了route. <script src="js/plugins/angular/angular.min.js"></script> <script src="js/p
简单讲解AngularJS的Routing路由的定义与使用

在单页面应用中,视图之间的跳转就显尤为重要的,随着应用越来越复杂,我们需要用一种方法来精确控制什么时候该呈现怎样的页面给用户. 咱们可以通过在主页面中引入不同的模板来支持不同页面的切换,但是这么做的缺点就是,越来越多的内嵌代码导致最后难以管理. 通过ng-include指令我们可以把很多的模板整合在视图中,但是我们有更好的方法来处理这种情况,我们可以把视图打散成layout和模板视图,然后根据用户访问的特定的URL来显示需要的视图我们可以将这些"碎片"在一个布局模板中拼接起来 Ang
AngularJS 使用 UI Router 实现表单向导

我们看到这项技术已经应用在了许多的网页上.比如购物车,注册表单,入职流程以及许多多步表单,让用户更容易在线填写表单. 下面我们将构建它: 使用UI Router,它能内嵌状态,为每个状态显示不同的view,我们能让多步表单变得相当的容易. 为了快速的理解UI Router是怎样工作的,看我们的文章:AngularJS使用UI-Router路由让我们言归正传,开始创建我们的最棒的表单! 创建工程创建工程有个模板结构. 需要个布局文件 , 每个表单的视图文件, 格式文件, 以及JavaScri
浅析angularJS中的ui-router和ng-grid模块

在家里闲着无聊,正好在网上找到了一个关于angular的教程,学习了一下angular的ui-router和ng-grid这两个模块,顺便模仿着做了一个小小的东西. 代码已经上传到github上,地址在这里哟https://github.com/wwervin72/Angular. 有兴趣的小伙伴可以看看.那么然后这里我们就先来了解一下这两个模块的用法. 我们先来说说ui-router这个模块,这个模块主要是用来实现深层次的路由的.其实angular有个内置的指令ng-route,如果在项目中没
Angularjs中UI Router全攻略

首先给大家介绍angular-ui-router的基本用法. 如何引用依赖angular-ui-router angular.module('app',["ui.router"]) .config(function($stateProvider){ $stateProvider.state(stateName, stateCofig); }) $stateProvider.state(stateName, stateConfig) stateName是string类型 stateCon
Angularjs中UI Router的使用方法

学习使用angular中,ui-route是其中的一个难点,简单使用没什么问题,但涉及到多级嵌套,就感觉有茫然,查了很多资料,踩过很多坑,到目前为止也不能说对ui-route有全面了解:这里只是把填补的几个坑记录一下备忘: 1.abstract的使用: $stateProvider .state('shop',{ resolve:{ "shoplist":function($http){ return $http({ url:"/bookApp/data/shoplist.p
AngularJs ng-route路由详解及实例代码

前提首先需要在页面引入angular和angular-route,注意要在angular-route之前引入angular <script src="../../bower_components/angular/angular.js"></script> <script src="../../bower_components/angular-route/angular-route.js"></script> 这主要是

angular route中使用resolve在uglify压缩后问题解决

相关推荐

随机推荐