javascript - Angular ng单击 svg 矩形

Question

我在 svg 中有几个矩形，我需要它们来触发 Angular 点击功能。

<rect data-ng-click="scrollToAnchor('siteHeader')" fill="#010101" width="501" height="81"></rect>

和函数:

$scope.scrollToAnchor = function(anchor) {
  $anchorScroll(anchor);
};

我知道该函数本身可以工作，因为如果我在其中一次点击之外单独调用它，它就会执行它应该执行的操作。

这是一个例子: http://plnkr.co/edit/31bQh2efVAxzsybjJuIn?p=preview

Answer 1

事实上，它正在发挥作用。看这个plunker :

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope, $anchorScroll) {
  $scope.row = [
    { node: { x: 0, y : 0, name: 'test' } },
    { node: { x: 50, y : 50, name: 'foo' } }
    ];

    $scope.scrollToAnchor = function(anchor){

      $anchorScroll(anchor);
    }

});

向下滚动一点到矩形并单击它。它滚动回标签。希望这就是您正在寻找的内容。