Question

所以我有一个令人沮丧的问题..昨天我创建了一个简单的骨架页面来启动angularJS应用程序。它使用ui-router加载几个常见项目（标题，侧边栏）。它昨天工作得非常好，今天，我尝试加载页面并继续处理我的项目，什么也没做。总空白页面。项目的所有内容都在本地加载。

我尝试了两种不同的浏览器，FF和Chrome，在这两种浏览器中我都没有在控制台中出现任何错误。

这是我的审核代码。

HTML

    <!DOCTYPE html>
<html ng-app="ngSearchApp">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/styles.css" />

</head>
<body>
    <div id="contentWrapper">
        <div class="col-xs-12">
            <div data-ui-view="header"></div>
        </div>

        <div class="col-xs-8">
            <div data-ui-view="main"></div>
        </div>

        <div class="col-xs-4">
            <div data-ui-view="sideBar"></div>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.3.2/angular-ui-router.min.js"></script>
    <script src="app/app.module.js"></script>
    <script src="app/app.controllers.js"></script>
</body>
</html>

partial-header.html＆amp;局部sidebar.html

<img src="/path/to/image" />

app.module.js

'use strict';

var ngSearchApp = angular.module('ngSearchApp', ['ui.router']);

ngSearchApp.config(['$stateProvider', function ($stateProvider) {
     $stateProvider
        .state('index', {
           url: '/',
            template: '',
            views: {
                'header': {
                    //controller: 'headerCtrl',
                    templateUrl: 'app/shared/header/partial-header.html'
                    },
                'main': {
                 //controller: 'mainCtrl',
                 templateUrl: 'app/components/search/partial-main.html'
                 },
                 'sideBar': {
                 //controller: 'sidebarCtrl',
                 templateUrl: 'app/shared/sidebar/partial-sidebar.html'
                 },
             }
       });
   }]);

controller.js

 //Controllers
 ngSearchApp.controller('searchBtnCtrl', ['$scope', function ($scope) {
 }]);

 ngSearchApp.controller('resultsCtrl', ['$scope', function ($scope) {
 }]);

目前，标题和侧边栏html文件只有占位符图像。

所以这让我感到困惑，为什么昨天当我在视觉工作室中使用firefox功能中的视图时，它会工作得很好，但今天，绝对没有。我也多次清理了我的缓存，但仍然没有快乐。

感觉它只是跳过stateProvider并且没有费心加载任何视图......但这只是一个猜测。我很欣赏任何受过更多教育的建议。

谢谢！

AngularJs 1.6 ui-router未加载本地内容

0 个答案: