У меня есть два состояния - состояние глобального макета, в котором должны отображаться все остальные, и состояние входа в систему.Когда мое приложение загружается, оно не выдает ошибок, но шаблоны не отображаются, хотя в сеансе отладки я видел, что они были загружены.Вот главная страница:
<!DOCTYPE html>
<html>
<head><head>
<body>
<div ui-view></div>
</body>
</html>
Вот мой модуль приложения:
import angular from 'angular';
import '@uirouter/angularjs';
import routing from './app.config';
import '../login'
const requires = ['ui.router', 'app.login'];
angular.module('app', requires).config(routing);
angular.bootstrap(document, ['app']);
Здесь идет app.config.js :
export default function routing($stateProvider, $urlRouterProvider) {
"ngInject";
$stateProvider.state('app', {
abstract: true,
template: require('./layout/layout.html')
});
$urlRouterProvider.otherwise('/');
}
Вот макет:
<div ui-view></div>
А вот и модуль входа в систему:
login.config.js
export default function loginConfig($stateProvider) {
"ngInject";
$stateProvider.state('app.login', {
url: '/login',
controller: 'LoginCtrl as $ctrl',
template: require('./login.html')
});
}
login.controller.js
class LoginCtrl {
constructor() {
"ngInject";
}
btnClicked() {
console.log("YAY!");
}
}
login.html
<div>
<button ng-click="$ctrl.btnClicked()"></button>
</div>
index.js
import angular from 'angular';
import loginConfig from 'login.config';
import LoginCtrl from 'login.controller';
let loginModule = angular.module('app.login', []);
loginModule.config(loginConfig);
loginModule.controller('LoginCtrl', LoginCtrl);
export default loginModule;
Я использую webpack + ng-annotate-loader для сборки.Как я уже упоминал, хотя можно видеть, что все шаблоны загружаются и добавляются в представления, основная ui-view на странице index.html остается пустой при визуализации, а вся страница пуста.Что может вызвать эту проблему?