角度指令不渲染

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>'
};
});

工作的PLUNKER鏈接

Answer 2

您已經定義了模塊，但是忘記在ng-app =“ you module Name”中使用html。 您無需聲明變量main的另一件事就是，代碼也可以正常工作。

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

角度指令不渲染

問題描述

2 個解決方案

解決方案1
2 2015-08-24 11:54:40

解決方案2
0 2015-08-24 11:59:37

角度指令不渲染

問題描述

2 個解決方案

解決方案1 2 2015-08-24 11:54:40

解決方案2 0 2015-08-24 11:59:37

解決方案1
2 2015-08-24 11:54:40

解決方案2
0 2015-08-24 11:59:37