将用户定义的HTML注入指令的模板

Question

我正在尝试使用用户提供的HTML填充内容。具体做法是：

app.directive("myTable", function() {
  return {
    restrict: 'E',
    scope: {
      rows: '@'
    },
    template: 
      '<table>' + 
        '<tbody>' + 
          '<tr ng-repeat="row in rows">' +
            '<td>{{row.html}}</td>' + 
          '</tr>' +
        '</tbody>' + 
      '</table>'
  };
}); 

但是，{{row.html}}作为文字插入。谢谢

Answer 1

使用ngBindHtml评估表达式：

<td ng-bind-html="row.html"></td>