AngularJS - динамический $ StateProvider с представлениями UI-Router и $ ocLazyLoad разрешает синтаксис
В настоящее время у меня есть хорошая рабочая статичная версия моего вопроса. Проблема в том, что я не могу правильно отформатировать JSON при попытке использовать $ StateProvider в цикле. Я не уверен, какая именно часть не отформатирована должным образом, вызывая ошибку «undefined is not function». Но ниже мое рабочее определение статического состояния с представлениями и разрешено с помощью $ ocLazyLoad. Это работает, действительно не уверен, почему моя версия версии JSON в цикле не делает?
Рабочая статическая версия - это определенно работает для меня
// ABSTRACT APP LAYOUT - VIEW THAT DEFINES ENTIRE LAYOUT STRUCTURE
$stateProvider
.state('app', {
abstract: true,
controller: 'LayoutCtrl',
templateUrl: 'app/components/core/layout/layout.html'
});
// VIEWS
// CURRENT LAZY LOADING WAS REFERENCED FROM HERE - https://egghead.io/lessons/angularjs-lazy-loading-modules-with-ui-router-and-oclazyload
$stateProvider
.state('app.dashboard', {
views: {
'feature': {
templateUrl: 'lazyload/components/core/features/dashboard/dashboard.html',
controller: "DashboardCtrl as dashboard",
resolve: {
dashboard: function ($ocLazyLoad) {
return $ocLazyLoad.load(
{
name: "dashboard",
files: ["lazyload/components/core/features/dashboard/dashboard-controller.js"]
}
)
}
}
}
}
})
.state('app.other-feature', {
views: {
'feature': {
templateUrl: 'lazyload/components/core/features/other-feature/other-feature.html',
controller: "OtherFeatureCtrl as otherFeature",
resolve: {
otherFeature: function ($ocLazyLoad) {
return $ocLazyLoad.load(
{
name: "otherFeature",
files: ["lazyload/components/core/features/other-feature/other-feature.js"]
}
)
}
}
}
}
});
Я хотел бы пояснить, что статическая версия работает, это зацикленная версия, которую я не могу заставить работать. Возможно, я не делаю какую-то нотацию массива для функции или что-то в этом роде? Любая помощь с благодарностью!