Question

我在rects中有几个svg，我需要它们来启动角点击功能。

<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。除了纠正<br/>中的语法错误之外，我没有改变任何内容，它似乎正在发挥作用。它滚动到＆＃39; siteHeader＆＃39;已经过去了。

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

Answer 2

作为一个问题，它正在发挥作用。见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);
    }

});

向下滚动一下矩形并单击它。它会滚动回标签。希望这是你想要的。

Angular ng点击svg rect

2 个答案: