如何將帶有HTML代碼的字符串轉換為有效的HTML代碼（在Ruby或Javascript中）？

Question

我將以下代碼放入Ruby數組中：

@data << "=> <div><a href='/company/#{d.name}'>See profile</a></div>"

我已經試過了：

@data << "=> <div><a href='/company/#{d.name}'>See profile</a></div>".html_safe

但這並沒有幫助我。

我將@data傳遞給JSON（ @data.to_json ），因此在JS中，我需要將標簽See profile作為鏈接而不是文本。 所以我嘗試了

label1 = variable_with_the_string_from_above.html();

但這對我也沒有幫助...在JS變量中，“ 查看”個人資料仍然僅像純文本（ <div><a href='/company/#{d.name}'>See profile</a></div> ），而不是HTML鏈接。

怎么做？

感謝大伙們

Answer 1

在JavaScript中：

var htmlArray = ["<div><a href='/company/#{d.name}'>See profile</a></div>"];

注入HTML：

document.write(htmlArray[0]);

如果將{d.name}作為變量傳遞，請嘗試AngularJS。

創建一個控制器和范圍->

App.controller('MainCtrl', ['$scope', function ($scope) 
{
$scope.dname = dname(); etc. 
 }]);

比在您的html或js中：

var htmlArray = ["<div><a href='/company/{{dname}}'>See profile</a></div>"];

確保陣列在您的控制器范圍內！

<div ng-controller="MainCtrl">
...
</div>

一種更簡單的方法是使用AngularJS路由：

sampleApp.config(['$routeProvider',
  function($routeProvider) {
    $routeProvider.
      when('/companyOne', {
        templateUrl: 'templates/c1.html',
        controller: 'c1'
    }).
      when('/companyTwo', {
        templateUrl: 'templates/c2.html',
        controller: 'c2'
      }).

      otherwise({
        redirectTo: '/default'
      });
}]);