угловая маршрутизация не отображается внутри ng-view

Question

угловая маршрутизация не отображается внутри ng-view

0

мой первый пост, я искал, но не могу найти решение.

Мое содержимое из маршрутизации не отображается в ng-view.

indext.html

<html lang="en"  ng-app="myApp">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular-route.min.js"></script>
    <script src="static/js/app.js"></script>
</head>
<body>
<ng-view></ng-view>

</body>
</html>

app.js

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

app.config(['$routeProvider',

function($routeProvider,$locationProvider) {

    $locationProvider.html5Mode(true);
    console.log("Kom till config");

    $routeProvider.
        when('/', {templateUrl: 'static/partials/mainpage.html',
    }).
    otherwise({
        redirectTo: '/'
    });
}]);

Я не получаю ошибок и не знаю, как устранить неполадки, я благодарен за вашу помощь.

Структура файла

C:.
├───.idea
├───.openshift
│   ├───action_hooks
│   ├───cron
│   │   ├───daily
│   │   ├───hourly
│   │   ├───minutely
│   │   ├───monthly
│   │   └───weekly
│   └───markers
├───static
│   ├───css
│   ├───fonts
│   │   ├───font-awesome
│   │   │   ├───css
│   │   │   ├───fonts
│   │   │   ├───less
│   │   │   └───scss
│   │   └───fonts
│   ├───img
│   │   ├───client
│   │   ├───portfolio
│   │   └───team
│   ├───js
│   └───partials
└───templates
    ├───admin
    └───security

Это сервер флагов, который предоставляет ресурсы клиенту.

Olle Dahlén 17 май 2016, в 15:35

Источник

Теги:

angularjs

routing

1 ответ

Ещё вопросы

herrh · Answer 1 · 2016-05-17T11-21-00.000Z

Вы должны добавить ngRoute в свой модуль.

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

Затем используйте $ routeRrovider следующим образом:

app.config(['$routeProvider', '$locationProvider',
  function($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
    $routeProvider.
      when('/', {
        templateUrl: 'partials/partial.html'
      }).
      otherwise({
          redirectTo: '/'
      });
   }]);

В вашем index.html используйте:

<div ng-view></div>