Question

我的代码如下

<!DOCTYPE html>
<html ng-app="mainApp">
<head>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-route.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular-resource.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../modules/mainApp.js"></script>
</head>
    <body>
        <h1>{{Title}}</h1>
        <div ng-view>
        </div>
    </body>
</html>

我的angularjs文件如下

var mainApp = angular.module('mainApp',['ngRoute']).run(function($rootScope){
    $rootScope.Title = "Alpha Bravo Charlie";
});

//routing
mainApp.config(function($routeProvider){
    alert('hello');
     alert("hello2");
    $routeProvider
    .when('/',
    {
        templateUrl:'views/view1.html',
        controller: 'CustController'

    });
});

mainApp.controller('CustController',function($scope){
    $scope.customers=[
            {name:'Dave Jones', city:'Dubai', number: '00001'},
            {name:'Nouman Ali', city:'Lahore', number: '00002'},
            {name:'Winz Cruz', city:'Dubai', number: '00003'},
            {name:'Roberto Mancini', city:'Per', number: '00004'},
            {name:'Dave Ands', city:'Abu Dhabi', number: '00005'},
        ];
});

它相应地更改了标题，但实际上我在运行时替换了视图，但是当我加载index.html页面时，没有任何事情发生，并且控制台上出现错误

错误：无法执行＆＃39; replaceState＆＃39;历史＆＃39;历史状态带URL的对象＆＃39;文件：/// d：/practice_code/nodejs/angular/views/index.html#/D：/＆＃39;不能在原文＆＃39; null＆＃39;。
的文档中创建

Answer 1

请在此处检查或发布项目文件夹结构以及运行网络服务器的位置。根据我的观察，来自“D：/ practice_code / nodejs / angular / views /index.html”的项目路径似乎是在views文件夹中，因为index.html位于views文件夹下。

请检查并运行您的网络服务器以获取正确的目录

Angular ng-view不替换视图

1 个答案: