Javascript 角度按钮的问题

我正在创建我的第一个Angular应用程序，遇到了一些我无法理解的事情。无论何时我包括以下内容：

<button ng-hide="results.length === projects.length" ng-click="limit = limit +3; gotoBottom()">Show More</button>

我已经创建了一个我的代码插件，可以在这里找到：

如果您谈论的是

项目

模板，请使用“模板”。这是你需要做的

说明：

项目模板只需要一个根元素，因此我添加了一个

div

来包装您的

project

列表和

showmore

按钮

<div>
  <div class="cards" ng-init="limit = 3">
    <div class="card" ng-repeat="project in projects | limitTo: limit as results">
      <div class="card-image">
        <img src="{{project.img}}" alt="{{project.name}}" />
      </div>
      <div class="card-copy">
        <h2>{{project.name}}</h2>
        <p>{{project.desc}}</p>
        <p><a href="{{project.url}}" target="_blank"><i class="fa fa-location-arrow"></i></a></p>
      </div>
    </div>
  </div>

  <button ng-hide="results.length === projects.length" ng-click="limit = limit +3; gotoBottom()">Show More</button>
  <div id="footer" name="footer"></div>
</div>

工作冲击器：

---

希望这有帮助

在projects.js中更改以下代码

angular.module('portfolioApp')
     .directive('projects', function() {
       return {
        templateUrl: 'projects.html',
        controller: 'mainCtrl',
        replace: true // remove directive tags
        };
    });

到

---

它应该会起作用。Plunker链接

在模板的内部，在哪里？太棒了。这很有帮助。我甚至没有想过要加一个暂停。谢谢戴夫，欢迎我的朋友！继续做你正在做的精彩工作：）

$scope.gotoBottom = function() {
  $timeout(function() {
    $location.hash('footer');
    $anchorScroll();
  }, 100);
};

angular.module('portfolioApp')
     .directive('projects', function() {
       return {
        templateUrl: 'projects.html',
        controller: 'mainCtrl',
        replace: true // remove directive tags
        };
    });

replace: false