codepen中的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'

    })

});

这是我的代码片段的链接，我的问题是，当在anjular js中使用路由时，我们是否必须保留我们的文件(在我的例子中是main.html和second.html

Answer 1

据我所知，codepen不支持添加多个文件。您可以尝试将代码转移到plunker。或者，您可以尝试在HTML中使用内联模板。例如，要解析main.html，您可以在HTML中编写以下代码片段：

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

这将使AngularJS使用此script标记解析模板。您可以找到代码here的工作演示。