Question

这是我的索引页

<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<script src="~/Scripts/angular.min.js"></script>
<script src="~/Content/efDirective.js"></script>
<script src="~/Content/EmployeeForms.js"></script>

<html ng-app="AngularModule">
<body>
    <div employee-form></div>
</body>
</html>

这是DirectiveJs

var app = angular.module("AngularModule", []);
    app.directive("employeeForm", function () {
        debugger;
        return {
            restrict: 'EA',
            //template: 'helloworld',
            templateUrl: 'Content/efTemplate.html'
        }
    });

efTemplate.html中的内容未显示在index.cshtml页面上。

Answer 1

检查浏览器控制台中的消息，可能会出现一些错误消息。也许模板的网址没有正确解析？您是否为角度指定了基本网址？

另一个选项是直接在html索引文件中预呈现模板。这样可以节省额外的http请求。像这样：

 <script type="text/ng-template" id="templateUrl">
  <h1>your template </h1>
 </script>

此处示例https://docs.angularjs.org/api/ng/directive/script

templateUrl在AngularJs指令中不起作用

1 个答案: