javascript - TemplateURL 不起作用 - 请求未发送

Question

该模板甚至似乎没有被请求。我尝试了绝对 URL、相对 URL，甚至全长 URL。

我已经检查过，根本没有请求该模板。

这是代码:

app.directive('field', function () {
    return {
        restrict: "E",
        templateURL: "http://192.9.200.62:8080/templates/field.html",
        scope : {
            field: "=name",
            ops: "=options"
        }
    };
});

我尝试过的其他网址包括 templates/field.html 和 /templates/field.html 以及 ../../templates/field。 html.

如果我在 JS 中将其构建为字符串，则该模板可以正常工作。

Answer 1

这里有几件事。首先，模板路径始终相对于根路径。因此，如果您的 templates 目录不在根目录下，那么这应该可以工作:

/templates/field.html

其次，该属性名为 templateUrl，这里的大小写很重要。因此，您需要将 templateURL 重命名为 templateUrl。

这是documentation显示 templateUrl 属性。