Question

我尝试了一些简单的Angular Routing，但我不能指出错误是什么。 Chrome只是告诉我Angular无法编译模板。

在以下链接中，您可以看到我的目录结构。

- angular.js

var testApp = angular.module('testApp', ['ngRoute']);

testApp.config(function($routeProvider){
    $routeProvider.when('/list', {
        templateUrl: 'pages/list.html',
        controller: 'mainController'
    }).when('/insert', {
        templateUrl: 'pages/new.html',
        controller: 'newController'
    });
});


testApp.controller('mainController', function($scope){
    $scope.message = 'main';
});

testApp.controller('newController', function($scope){
    $scope.message = 'new';
});

- index.html的

    <!DOCTYPE html>
<html lang="en" ng-app="testApp">
<head>
    <meta charset="UTF-8">
    <title>Barfly</title>
    <script src="/angular/angular.min.js"></script>
    <script src="/angular-route/angular-route.min.js"></script>
    <script src="/js/angularApp.js"></script>
</head>
<body ng-controller="mainController">
    <a href="#list">list</a>
    <a href="#insert">new</a>
    <div id="main">
        <div ng-view></div>
    </div>
</body>
</html>

这是我的错误，

Browser Error

提前谢谢！

Answer 1

<a data-target="#list">list</a>
<a data-target="#insert">new</a>

Angular ngRoute无法加载模板：错误[$ compile：tpload]

1 个答案: