Question

我是ui.router的新手并试图让它在新应用程序上运行。代码的行为类似于状态提供程序未加载或者看不到ui-view DOM元素。我知道依赖项已正确加载（或者至少它不会引发任何错误）并且我已经阅读了大量博客文章，但一切看起来都是正确的。我有几个人在这里做过＆＃39;样式消息，但我从未在控制台中看到它们。

下面的插图显示以下段落不是问题。我将此段落留在这里作为后代，但在SO格式中没有看到一个删除选项......


我还应该指出，这将是一个SharePoint提供商托管的应用程序，所以我怀疑有大量的查询字符串垃圾捣乱了。不幸的是，我无法摆脱它们。

--- ---编辑

I made a plunk

/ --- ---编辑

这是我的模块：

var app = angular.module('myApp', ['ui.router']).
    config(['$stateProvider', '$urlRouterProvider',
    function ($stateProvider, $urlRouterProvider) {
        $stateProvider
        .state('app', {
            url: '/',
            templateUrl: 'partials/admin.html',
            onEnter: function ($stateParams) {
                console.log("Entered Admin route");
            }
            //controller: 'myController'
        })
        .state('sitebinding', {
            url: '/sitebinding',
            templateUrl: 'sitebinding.html'
        })
        .state('scrum', {
            url: '/scrum',
            templateUrl: 'scrum.html'
        });

        $urlRouterProvider.otherwise('/');
    }
]);

angular.module('myApp',[
    'myApp.controllers'
]);

这是控制器：

angular.module('myApp.controllers', []).
controller('myController', function ($scope) {
    $scope.models = {
        helloAngular: 'I work!'
    };

    $scope.$on('$stateChangeStart', function (evt, toState, toParams, fromState, fromParams) {
        console.log('In state change start');
    })
});

这是index.cshtml中的相关位。

<div data-ng-app="myApp">
    <div>
        <div class="container">
            <div ui-view="app"></div>
        </div>
    </div>
</div>

Answer 1

不确定你想在你的插件中做什么。您的路径设置中有scrum.html，但它在您的文件树中不存在。您是否只是想让admin.html展示？您是否尝试通过点击触发此视图？

ui.router没有被加载/执行

1 个答案: