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）在script标签中添加了angular.js.

2）添加了ng-app =＆＃34;＆＃34;在身上

3）template-＆gt; 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

链接功能中的代码没有执行？

1 个答案: