在AngularJS中使用内联模板

32 浏览
0 Comments

在AngularJS中使用内联模板

我想加载一个内联视图模板。

我将模板包装在类型为text/ng-template的脚本标签中，将id设置为temp1.html，我的模块配置如下：

learningApp.config(function ($routeProvider) {
    $routeProvider
        .when("/first",{ controller: "SimpleController", templateUrl: "temp1.html"})
        .when("/second", {controller: "SimpleController", templateUrl: "temp2.html"})
        .otherwise({redirectTo : "/first"});
});

它告诉我在控制台窗口中GET http://localhost:41685/temp1.html 404 (Not Found)，这意味着它正在寻找这个名字的文件。

我的问题是：如何配置我的路由以使用内联模板？

更新：这是我服务器渲染的DOM的样子




    
    


    
Getting Started with Angular

0