Question

我有一个非常简单的应用程序。当我启动应用程序时它工作正常，加载角度和角度路径，执行配置功能和＆＃34;否则＆＃34;按预期工作。

但是，盒子和版本都不起作用，也没有注入HTML。主页只是说

<!-- ngView:  -->

那就是它。

有0个错误信息!!!控制台就像沙漠一样空无一人。

我尝试了一切，它应该有效，但它没有。我甚至试图直接在html中替换browserify调用并包含angular - 没有成功。

HTML：

<!doctype html>

<html lang="en" ng-app="app">
    <head>
        <meta charset="utf-8">
        <title>app</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <header class="mainheader">
            <div class="client-logo"></div>
            <div class="logo"></div>
        </header>
        <nav class="mainmenu">
            <ul>
                <li class="active"><a href="#/boxes" id="boxes">Boxes</a></li>
                <li><a href="#/versions" id="versions">Versions</a></li>
            </ul>
        </nav>
        <div ng-view></div>
        <footer></footer>
    </body>
    <script src="./js/bundle.js"></script>
</html>

我的JS：

'use strict';

require('angular/angular');
require('angular-route/angular-route');
var controllers = require('./controllers');

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

app.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider
            .when('/boxes', {
                tamplate: 'views/boxes.html',
                controller: 'boxController'
            })
            .when('/versions', {
                tamplate: 'views/versions.html',
                controller: 'versionsController'
            })
            .otherwise({
                redirectTo: '/boxes'
            });
    }
]);

app.controller('boxController', controllers.boxController);
app.controller('versionsController', controllers.versionsController);

示例视图：

<h2>Boxes</h2>
<p>{{ message }}</p>

示例控制器：

'use strict';

exports.boxController = function($scope) {
    $scope.message = 'Box Controller';
    console.log('boxes');
};

exports.versionsController = function($scope) {
    $scope.message = 'Versions Controller';
    console.log('versions');
};

Answer 1

我和他们一样愚蠢，问题是拼写错误，这是tEmplate！

感谢您的回复。

angular-route不起作用它不会抛出任何错误

1 个答案: