角ngClick SVG的矩形

我在svg几个rects，我需要他们断火角单击功能。角ngClick 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

来源

2015-09-22 Evan Ward

它必须是一些有关的点击事件被追加的方式。 –

感谢您提交Plunker。我没有改变任何东西，除了纠正<br/>中的语法错误，它似乎正在工作。它的滚动到已在已通过的“siteHeader”。

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

来源

2015-09-22 15:30:27 cullimorer

它的确如此，svg是一个范围变量，与该点击事件在同一个控制器中，绑定为html。 –

您是否能够生成一个Punker示例并发布？ – cullimorer

已被添加为原始问题。 –

作为，这是工作的事。看到这个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); 
    } 

});

稍微向下滚动到矩形，点击它。它滚动回标签。希望这是你正在寻找的。

来源

2015-09-22 16:18:09 zszep

角ngClick SVG的矩形

回答

相关问题