angular ng-route找不到模板

Question

Angular ng-route找不到模板，但它包含在Dom中。我收到了这个错误：

http://localhost/template/recipes无法加载资源：服务器响应状态为404（未找到）

in html：

.
.
.
<div class="row">
        <div class="col-lg-6">
            <div ui-view>
                loading...
            </div>
        </div>
    </div>
</div>

<script type="text/ng-template" id="/template/recipes">
    <div class="row">{{title}}<div>
</script>

routeConfig.js：

$urlRouterProvider.otherwise('/recipes');

$stateProvider.state('recipes', {
        url: '/recipes',
        templateUrl: '/template/recipes',
        controller: 'recipesController'
    });

有谁知道如何解决这个问题？

Answer 1

您忘记在模板中关闭div标签了。这是工作plnk。

<script type="text/ng-template" id="/template/recipes">
    <div class="row">{{title}}</div>
</script>

修改

我还更新了plnk以显示带有和不带扩展名的模板名称。