我自己的指令不适用于AngularJS

Question

我尝试创建我的directiv。当我在启动时创建相同的代码时，angularjs就会停止。

demo

https://codepen.io/Turqus/pen/yPPmbG?editors=1011

有人可以解释我的错吗？

Answer 1

您必须将指令名称的第一个字母放在小写字母中，因为控制台中的错误告诉您（在任何浏览器中为F12，然后转到控制台选项卡）：

错误日志：“指令/组件名称'MyExample'无效。第一个字符必须是小写字母”

    (function(){

  angular
    .module('App', [])
    .controller('ExampleCtrl', ExampleCtrl);

  function ExampleCtrl() {
    var vm = this;
    vm.name = "yo"; 
  };

})();


(function(){

  angular
    .module('App')
    .directive('myExample', MyExample);    // <----------------- HER

    function MyExample() {
      var directive = {
        restrict: 'E',
        template: '<div>one more time</div>',
        controller: 'MyController',
        controllerAs: 'vm' 
      };
      return directive;
    }

    function MyController() {

    }

})();