Question

我有一个像这样的数据结构

var abc = [
              {question: 'Do {{foo}} like <strong>you</strong>?'},
              {question: 'Do {{foo}} like <strong>fruits</strong>?'}
          ];

像这样的模板

<h1>Question</h1>
<span> {{question}} </span>

在我的控制器中是这样的：

$scope.foo = 'Example',
$scope.question = abc[0].question;

你可能知道这不起作用。

如何将字符串解析为模板以将其与变量一起使用？

Answer 1

您可以使用 ng-bind-html ，如：

<ng-bind-html
  ng-bind-html="expression">
...
</ng-bind-html>

但这需要编译。

看看这个指令： https://github.com/incuna/angular-bind-html-compile

你可以这样使用它：

<div bind-html-compile="question"></div>

您的问题将为您注入并编译。

Answer 2

控制器：

var foo = 'Example';

var abc = [
   {question: 'Do ' + foo + ' like <strong>you</strong>?'},
   {question: 'Do ' + foo + ' like <strong>fruits</strong>?'}
];

$scope.question = abc[0].question;

查看：

<h1>Question</h1>
<span ng-bind-html="question"></span>

从AngularJS中的对象解析模板

2 个答案: