Моя директива ng-view "не работает так, как она должна - PullRequest
Новая
       48

Моя директива ng-view "не работает так, как она должна

1 голос
/ 12 июня 2019

Я вызываю ng-view, но программа никогда не отображает мои страницы home.html или cart.html. Как мне заставить работать ng-view?

Я пытался использовать несколько типов ссылок. Я вызвал ng-view по-разному, и, похоже, ничего не работает. 

<!--My home.html:-->

<h2> HOME </h2>
<h1>{{message}}</h1>

<!--My cart.html:-->

<h2> CART </h2>
<h1>{{message2}}</h1>

Ниже приведены мои index.html и app.js 

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

myApp.config(['$routeProvider', function($routeProvider){
    $routeProvider.
    when('/home', {
        templateUrl: 'views/home.html',
        controller: 'homeController'
    })
    when('/cart', {
        templateUrl: 'views/cart.html',
        controller: 'cartController'
    })
    otherwise({
        redirect: '/home'
    });
}]);

myApp.controller('homeController', function($scope) {
    $scope.message = 'Home Page';
})

myApp.controller('cartController', function($scope){
    $scope.message2 = 'Cart Page';  
})
<!DOCTYPE html>
<html>
    <head>

        <title>Test Web App</title>

        <meta chrset="utf-8">

        <script src="lib/angular-route.js"></script>
        <script src="lib/angular.js"></script>
        <script src="lib/app.js"></script>

    </head>

    <body ng-app="myApp">
        
        <center><h1>Shopping Cart App</h1></center>
        

        <tr><td class="menu">
            <a href="#/home">Home</a>
            <a href="#/cart">Cart</a>
        </td></tr>
        <dev ng-view></dev>
    </body>
</html>

Я ожидаю, что при нажатии на домашнюю ссылку или ссылку на корзину, ng-view отобразит их шаблоны.

1 Ответ

0 голосов
/ 13 июня 2019

У вас есть синтаксические ошибки. Попробуйте поставить точки до when

myApp.config(['$routeProvider', function($routeProvider){
    $routeProvider
    .when('/home', {
        templateUrl: 'views/home.html',
        controller: 'homeController'
    })
    .when('/cart', {
        templateUrl: 'views/cart.html',
        controller: 'cartController'
    })
    .otherwise({
        redirect: '/home'
    });
}]);
...