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

有一個正在工作的矮人

我會說，我們可以結合使用：

• $state.href() （ 在此處下載文檔）和
• ng-href （ 此處為 doc）

（但前提是，如果傳遞的參數是url的一部分）

這將是結果

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

現在（在插件中 ），我們可以將myStateName更改為parent ， parent.child和home ，它將正確更改生成的href：

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

因為這些都是pl廢的州

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

在這里檢查