Question

我向AngularJS提出挑战，但是没有成功。我创建了一个使用该指令的代码。但是，当您使用templateUrl时，它不会执行我们想要执行的操作。在我的代码中，我假设标签被header.html的内容替换。但是，你做不到。请借你的智慧。

sample.html

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular.min.js"></script>
<script type="text/javascript">
var directiveApp = angular.module('dApp', []);
directiveApp.directive('header', [function () {
    return {
        restrict: 'E',
        templateUrl: "header.html",
    };
}]);
</script>

<body ng-app="dApp">
    <header></header>
</body>

了header.html

<label>Hello!</label>

Answer 1

使用templateUrl in指令，angular将发送一个http请求以从您的服务器端检索此html。所以你应该确保有这样的＆＃39; header.html＆＃39;提交正确的网址。

但是，如果您不想使用ajax加载此模板。然后你可以在angular。中使用模板。

将其添加到您的sample.html：

<script type="text/ng-template" id="header.html">
    <label>Hello!</label>
</script>

希望这对你有用。

AngularJS指令templateUrl

1 个答案: