AngularJs自定義指令沒有被調用

我是AngularJs的新手。我試圖調用自定義指令，但它沒有被調用。AngularJs自定義指令沒有被調用

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
    <script src="customDirective.js"></script> 
</head> 
<body> 
    <div ng-app="app"> 
     <div ng-controller="MyController as ctrl"> 
      <testingDirective></testingDirective> 
      {{ctrl.test}} 
     </div> 

    </div> 

</body>

我的JavaScript文件看起來像：

var app=angular.module('app',[]); 
 
app.controller('MyController',[function(){ 
 
    var self=this; 
 
    self.test='no'; 
 
    
 
    }]); 
 
app.directive('testingDirective',function(){ 
 
    return{ 
 
      
 
      restrict:'AE', 
 
      replace:true, 
 
      template:'<h1>Hello World Test</h1>' 
 
     }; 
 
    });

來源

2015-08-30 Abhay Pore

駱駝套管指令的名稱必須使用連字符來調用。例如，如果您有一個名爲myDirective的指令，您可以在標記中使用它作爲<my-directive></my-directive>。

來源

2015-08-30 05:34:27

@Shreyas感謝它與 –

一起工作謝謝我沒有意識到駱駝案件指令名稱 –

指令：

app.directive('testingDirective',function(){});

HTML用法：

<testing-directive></testing-directive>

來源

2015-08-30 05:33:46 Shreyas

AngularJs自定義指令沒有被調用

回答

相關問題