Angular：如何从控制器中输入html

Question

这样的事情：

我想从我的控制器向我的范围注入html而不转义它：

$scope.results = (typeof data.Clients[0] === 'undefined') ? '<span class="badge badge-important">No result</span>' : data.Clients[0].results+' Result(s)';

Answer 1

不要从控制器注入html。这看起来应该像所以在模板中：

<span ng-hide="angular.isDefined(results)">No result</span>

<span ng-show="angular.isDefined(results)">{{results}} Result(s)</span>

在角度中，您可以将模板与业务层完全分开。

可以输出原始html，但如果你这样做，你就会反对Angular所代表的一切。你也让自己的生活更加艰难。

<span ng-bind-html-unsafe="results"></span>

Answer 2

即使从控制器注入html不是一个好习惯，最好的方法是

<span ng-bind-html-unsafe="results"></span>

对我来说效果很好