角度指令不呈現

我試圖在我的應用程序中包含指令，但即使基本指令不呈現。我究竟做錯了什麼？角度指令不呈現

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>

嘗試也在使用標籤或屬性..

來源

2015-08-24 zanzamer

你應該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

來源

2015-08-24 11:54:40

謝謝。 Iv'e添加了模塊名稱，但它仍然是： Iv'e試圖將鏈接腳本從plunker鏈接，但它沒有幫助.. – zanzamer

什麼是您的角度版本？嘗試1.4.x –

我正在使用最新的1.4.4。我也嘗試過來自plunkr 1.4.3的腳本，但也一樣。我使用鉻44.0.2403.157米。 – zanzamer

你必須確定你的模塊，但忘了在HTML中使用與NG-應用= 「你的模塊名稱」。一個額外的東西，你不需要聲明一個變量主代碼將沒有這個工作。

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

來源

2015-08-24 11:59:37 nitin

角度指令不呈現

回答

相關問題