如何将带有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'
      });
}]);