AngularJS Linky फिल्टर stoppropagation

Question

मैं एक span टैग है कि इस तरह दिखता है।

मुझे कोई समस्या है, हालांकि item.Name में एक ईमेल या लिंक लिंक फ़िल्टर एचटीएमएल को बदलता है और एंकर टैग डालता है। अब जब मैं लिंक एनजी क्लिक आग और लंगर खोलता क्लिक करें, लेकिन मैं केवल लंगर खोल सकते हैं और रोकने के लिए एनजी-क्लिक करें बुलाया जा रहा से ... संभव है?

Answer 1

कैसे अपने html के लिए कुछ इस तरह के बारे में काम करेगा:

<span ng-bind-html="item.Name | linky" ng-click="open(item, $event)"></span> 

और यह अपने कार्य के लिए कॉल:

$scope.open = function(item, event){ 
    if(event.srcElement.tagName !== 'A'){ 
     alert('do something here with ' + item.Name); 
    }   
} 

एक बेहतर तरीका हो सकता है, लेकिन मेरा मानना ​​है कि यह काम करेगा। हालांकि यह documentation में है मैं this group article में $event देखा।

Answer 2

मैं अगर यह काम करेगा, लेकिन इसे आजमाइए पता नहीं है।

अपने खुले समारोह में एक पैरामीटर जोड़ें और this वर्तमान डोम तत्व के सूचक के रूप में गुजरती हैं।

<span ng-bind-html="item.Name | linky" ng-click="open(item,this)"></span> 

अब अपने खुले समारोह संपादित कोड में

:

function open(item,this) 
    { 
     // will be true if linky had changed the HTML and added anchor tag 
    var children = this.childNodes; 
    for(a in children) 
    { 
     if(children[a].href) 
     { 
      return false; 
     } 
    } 
//your existing code 
    . 
    . 
    . 

    } 

तो विधि बुलाया जाएगा लेकिन अवास्तविक लौटाते हैं अगर यह लंगर टैग है।

यह आप क्या चाहते हैं नहीं हो सकता है, लेकिन यह अपने उद्देश्य :)

Answer 3

कैसे एक निर्देश का उपयोग कर के बारे में!

app = angular.module("myModule", ["ngSanitize"]) 
    .directive('linkyDir', function() { 
     return { 
      restrict: 'E', 
      replace: true, 
      scope: { item: '=' }, 
      template: '<span ng-bind-html="item.Name | linky", ng-click="open(item)"></span>', 
      controller: function($scope, $element) { 
       $scope.open = function(item) { 
        if ($element[0].firstChild.tagName !== "A") { 
         console.log("Not an anchor"); 
        } 
        else { 
         console.log("Is an anchor tag"); 
        } 
       } 
      } 
     }; 
    }) 

और अंकुश लगाते हैं: 'ई', आप इसे इस तरह

<p ng-repeat="item in items"> 
    <linky-dir item="item"></linky-dir> 
</p>