新しいタブでリンクを開くためにイベントをバインドする

Question

新しいタブでモーダルのリンクをすべて開こうとしていますが、角度を使用するという制約のためにDOMを操作するのは簡単ではありません私はそれがあると思っていた。クリックイベントをリンクにバインドして、そのクリックイベントを新しいタブで開く方法はありますか？

私が持っているこの

w = angular.element($window) 
w.bind 'click', (e) -> 
    # if link clicked open link in new tab?  

Answer 1

基本的なルールのようなものは、あなたがDOMで何かをしようとしているならば、あなたはディレクティブを持っており、リンク機能で、通常のjQueryのを使用する必要があるということです

new-tab.directive.coffee

angular.module 'my.module' 
    .directive 'newTab', ($window) -> 
    restrict: 'A' 
    link: (scope, element, attributes) -> 
     element.on('click', (evt)-> 
     # Open link in new tab here 
    ) 

使用例：

<a href='/your/link' new-tab> 

リンクがまだ現行のウィンドウの同じページに移動しないように、「デフォルトを回避する」必要があります。

任意のすべてのノードで_target = 'blank'プロパティを設定するだけでも問題ありません。

私はあなただけですべてのリンクをngのクリックを使用することはできません。この

new-tab-a.directive.coffee

angular.module 'my.module' 
    .directive 'a', -> #I doubt this is a good idea though using 'a' as a directive name. 
    restrict: 'E' 
    link: (scope, element, attributes) -> 
     attributes.target = '_blank' 

Answer 2

をテストしていませんか？

<a href="#" ng-click="openLink('http://www.google.com')">Open link in new window</a> 

そして、あなたのコントローラ内でこのような何かを持っている：

$scope.openLink = (link) -> 
    window.open link 
    return 

それとも、htmlの使用：

<a href="http://www.google.com" target="_blank">Open link in new window</a>