javascript - Angularjs 使用 ui-sref 链接将 html 添加到变量

Question

我有以下将 html 添加到变量的代码。但是，当它显示在页面上时，链接不起作用。

动态插入 ui-sref 链接的最佳方法是什么？

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

有a working plunker

我会说，我们可以结合使用:

• $state.href() (文档 here ) 和
• ng-href (文档 here )

(但仅在传递的参数是 url 的一部分的情况下)

结果是这样

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

现在 (在 the plunker 中) 我们可以将 myStateName 更改为 parent、parent.child， home 并且它会正确地改变生成的 href:

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

因为这些是 plunker 中的状态

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

查一下here