AngularJS: ui-Router href in ui-sref umschreiben

Question

Ich habe ein CMS, das URLs zu Seiten mit einem bestimmten Muster zwingt. Wir müssen diese Links neu schreiben.

Das CMS auf der Seite so etwas wie gedruckt wird:

<a href="/path/to/the/zoo/gorilla.html">Go</a> 

Unsere Router weisen tatsächlich auf

#/zoo/gorilla 

Wenn wir den Link selbst geschrieben hatte, würde es aussehen muss:

Das Problem ist, wir können nicht immer garantieren, dass der/Zoo/Gorilla Teil bedeutet, dass wir im Zoo sind ('Gor Illa ').

wäre, die CMS-URL in dem Router URL Der einfachste Weg, zu analysieren und wie etwas zu tun:

link.attr("href", "#/zoo/gorilla"); 

Ich verstehe, warum dass in der Regel gegen die Idee des ui-Router ist, aber ich Ich hoffe, einen Weg zu finden, es für diesen seltsamen Fall zu benutzen.

Answer 1

Ich denke, das würde funktionieren, im Grunde eine Richtlinie zu ändern, welche URL Sie in Richtung auf, wenn Sie darauf klicken.

module.directive('newHref', ['$location',function($location) { 
    return function(scope, element, attrs) { 
     element.bind('click', newHref); 

     function newHref(event) { 
      var hrefList = event.target.href.split("/"); 
      var parent = hrefList[hrefList.length-2]; 
      var child = hrefList[hrefList.length-1].split(".")[0]; 

      $location.path("/" + hrefList.slice(0, hrefList.length-2).join("/") + "/" + parent + "/" + child); 
     } 
    } 
}]); 

verwenden Sie es wie:

<a href="/path/to/the/zoo/gorilla.html" new-href>Go</a> 

Answer 2

Es sieht aus wie in gefährliche Zone treten, aber Sie können „href“ Richtlinie erstellen, die automatisch Wert von href Attribut ersetzen wird. Keine zusätzlichen Attribute benötigt, aber es kann Ihren Code ein wenig zweideutig ...

module 
    .directive('href', function() { 
    return function(scope, element, attrs) { 
     var ngUrl; // convert CMS url to Angular URL somehow 
     if(attrs.href === '/path/to/the/zoo/gorilla.html') { 
      ngUrl = '#/zoo/gorilla'; 
     } 

     element[0].href = ngUrl; 
    }; 
}); 

See here