角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的矩形

回答

相關問題