link 函数中的代码未执行？

Question

我正在尝试构建一个指令（对 Angular 和 plunker 来说有点新），但我放置在 link 函数中的代码根本没有执行。我将它简化为一个 console.log 语句，但它没有被调用。希望有人能帮助我理解我在这里做错了什么。

http://plnkr.co/edit/a3OL5XDkRy1Gn4QgTpNC?p=preview

link: function(scope, element, attrs){ console.log('hi'); }

编辑： 我把 'E' 改成了 'A'，看到那个错误，但还是不行。

Answer 1

嘿朋友，你需要学习很多东西。

我更新了一些东西

1) 在脚本标签中添加了angular.js。

2) 在正文中添加了 ng-app=""

3) template->templateUrl (如果需要添加HTML文件).

4) 不要在其他模板中添加html Angular是SPA（单页应用）

HTML:-

<body ng-app="app">
    <div read-more="">
      <div>This is a test</div>
      <div>This is the complete stuff</div>
    </div>
  </body>

Js:-

angular.module('app', [])
.directive('readMore', function() {
  return {
    restrict: 'A',
    transclude: true,
    scope: {
      extraClasses: '@'
    },
    link: function(scope, element, attrs) {
      console.log("Hello");
     // element.children()[0].append('<a href="" class="readMoreLink">Read more</a>');
      //element.children()[1].append('<a href="" class="readLessLink">Read less</a>');
    },
    templateUrl: 'readMore.html'
  };
});

此处更新plunker

别担心，您很快就会了解这一点，只需练习愉快的编码即可。好的教程如下：-

1) Phonecat 简单应用程序 Link

2) Thinkser.io Link

link 函数中的代码未执行？

Code in link function not executing?

angularjs

angularjs-directive