Angularjs Hinzufügen von HTML zu Variable mit UI-Sref-Link

Question

Ich habe den folgenden Code, der HTML zu einer Variablen hinzufügt. Wenn es jedoch auf der Seite angezeigt wird, funktioniert der Link nicht.

Was ist der beste Weg, um eine ui-sref Verbindung zu erhalten, wenn sie dynamisch eingefügt wird?

JAVASCRIPT

.controller('page', function($scope, $rootScope, $http, $state, $sce) { 

    $scope.message = $sce.trustAsHtml('A <a ui-sref="login">login</a> link'); 

}) 

HTML

<div ng-bind-html="message"></div> 

Answer 1

Es gibt a working plunker

Ich würde sagen, dass wir Kombination verwenden können:

• $state.href()(doc here) und
• ng-href(doc here)

(aber nur für den Fall, wenn die übergebenen params Teil der URL ist)

Dies wäre das Ergebnis

<a ng-href="{{$state.href(myStateName, myParams)}}"> 

Und jetzt (in the plunker) können wir ändern myStateName in parent, parent.child, home und es wird href richtig die erzeugte Änderung:

<input ng-model="myStateName" /> 
<input ng-model="myParams.param" /> 

Da diese Zustände in Plunker sind

$stateProvider 
    .state('home', { 
     url: "/home", 
     ... 
    }) 
    .state('parent', { 
     url: "/parent?param", 
     ... 
    }) 
    .state('parent.child', { 
     url: "/child", 
     ... 

Überprüfen es here