AngularJS UI状态提供程序解析状态
AngularJS UI State Provider Resolve States
尝试利用AngularJS UI状态并使用解析设置变量。我目前在我的app.js中有这个--
var stateConfig = ['stateHelperProvider', function(stateHelperProvider) {
stateHelperProvider
.state({
name: 'events',
url: '/' + artistSlug,
templateUrl: "/templates/events/events.html",
controller: "EventsCtrl",
resolve: {
artist: function(artist) {
return artist.getArtist();
}
}
});
在EventsCtrl中,我有以下内容--
angular.module('artist.events.controllers', []).
controller('EventsCtrl', ['$filter', '$rootScope', '$scope', '$state', '$stateParams', '$location', 'artist', function($filter, $rootScope, $scope, $state, $stateParams, $location, artist) {
$scope.artist = artist;
在我的本地开发机器上,它解析正确。然而,在prod中,$scope.artist没有返回任何内容。我相信这可能与基于预编译和缩小的编译有关。但不确定如何修复。想法?
除非您使用像ng-annotation这样的构建工具,否则您必须为resolve
属性提供DI注释,即
resolve: {
artist: ['artist', function(artist) {
return artist.getArtist();
}]
}
我会考虑重命名解析属性,使其与artist
服务不同。至少这样,您会得到一个关于未解析提供者的错误。像eventArtist
这样的东西会是我的选择。
相关文章:
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- Web应用程序,将成员状态更新为其他成员
- 在通知点击时使用Ion中的OneSignal插件路由到应用程序中的状态
- AngularJS&Google可视化-使用状态更改处理程序(Google API)在HTML页面上查看$sco
- 使用应用程序状态js和视图在angular js url上传递两个参数
- 来自应用程序状态的Jquery数据表源
- 检测Ionic中特定的应用程序状态变化
- 在基于Strophe.js的聊天应用程序中处理状态
- 检查网络驱动程序是否浏览器仍处于打开状态
- 如何保持JavaScript web应用程序的状态
- 在angular js中,每次应用程序进入状态时,重新加载状态的最佳方式是什么
- 在用于SEO的Marionette应用程序中使用推送状态
- 使用AsyncStorage实例化持久应用程序状态
- 引导程序窗体帮助程序-状态选择器-选择类
- 如何在程序或网站处于活动状态时禁用剪贴板和任务切换操作
- Twitter引导程序:删除/切换类似复选框的按钮组的活动状态
- 如何在React应用程序中处理权限检查(Redux中的状态维护)
- 消除淘汰中引导程序开关状态变化的歧义
- 如何在类似Om的不可变应用程序状态下对关系数据进行建模
- 我如何才能进入一个完整的角度状态应用程序