Question

我试图在我的应用程序中包含指令，但即使是基本指令也不能呈现。我做错了什么？

angularloader.js：

var main = angular.module('ngMain', [])
.directive('myScrollable', function () {
return {
    restrict: 'AE',
    template: '<h3>Hello World!!</h3>'
};
});

我的HTML：

<html ng-app dir="auto">
<head>
<meta name="viewport" content="width=device-width" />
<title>@Model.Title</title>
<script src="/Scripts/Libs/angular.js"></script>
<script src="/Scripts/Custom/angularloader.js"></script>
</head>
<body dir="auto">
<my-scrollable></my-scrollable>
</body>
</html>

也尝试使用标签或属性..

Answer 1

您应该在ng-app="moduleName"

中使用模块名称

像：

<html ng-app="ngMain" dir="auto">

如果在变量中指定角度模块，则使用该变量，如下所示：

var main = angular.module('ngMain', []);
main.directive('myScrollable', function () {
return {
    restrict: 'AE',
    template: '<h3>Hello Worlds!!</h3>'
};
});

Working PLUNKER Link

Answer 2

您已经定义了模块，但忘记在html中使用ng-app =＆＃34;您的模块名称＆＃34;。还有一件事你不需要声明变量main你的代码也可以在没有它的情况下工作。

angular
.module('myModule', [])
.directive('myDir', function{
  your code
});

角度指令不呈现

2 个答案: