1

我正在尝试学习Angular。这个简单的指令没有显示

我这里有一个plunker:https://plnkr.co/edit/Qiu2SOjti2PVYhjRqO2O?p=preview

我想显示一个名为“简单”的主页上指令。

我没有收到任何控制台错误,但该指令不显示。

(function(){ 
    angular.module('cxoJsApp').directive('simple', function(){ 
    return { 
     restrict: 'E', 
     controller: 'simpleController', 
     controllerAs: 'simpleCtrl', 
     scope: {}, 
     bindtoController: true, 
     templateUrl: 'simpleDirective.html' 
    }; 
    }); 
})(); 
+0

请参考'app.js'页面上的'',它应该可以工作。 ://plnkr.co/edit/mTAg7u5GPDEt961Vq7St?p = preview) –

+0

“我没有收到任何控制台错误”...再次检查,您发布的重新启动*明显*有错误:[ng:areq]参数' HomeController'不是一个函数,没有定义'。 – Claies

+0

你好!请接受我的回答。 –

回答

2

我定你的plunker:https://plnkr.co/edit/loN714fULCcWrBhsN6C2?p=preview

你忘了创建文件homeController.js,并在您index.html所有文件:

<script src="app.js"></script> 
<script src="simpleController.js"></script> 
<script src="simpleDirective.js"></script> 
<script src="homeController.js"></script> 

没有错,你的指令! :)

相关问题