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的工作演示。

Codepen中的AngularJS路由

1 个答案: