AngularJS маршрутизация в коде

Question

https://codepen.io/a_shokn/pen/yEJpww?editors=1010

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

myApp.config(function ($routeProvider) {

    $routeProvider

    .when('/', {
        templateUrl: 'main.html'

    })

    .when('/second',{
         templateUrl:'second.html'

    })

});

Вот ссылка на мой фрагмент кода, мой вопрос: мы должны хранить наши файлы (в моем случае main.html и second.html) при использовании маршрутизации в anjularJS

Answer 1

Насколько я понимаю, codepen не поддерживает добавление нескольких файлов.Вместо этого вы можете попробовать переместить свой код в plunker .Кроме того, вы можете попробовать использовать встроенные шаблоны в HTML.Например, чтобы разрешить main.html, вы можете написать этот фрагмент в HTML:

<script type="text/ng-template" id="main.html">
// contents of main.html
</script>

Это позволит AngularJS разрешить шаблон с помощью этого тега script.Вы можете найти рабочую демонстрацию вашего кода здесь .