Question

我有许多Angular控制器，其中包含以下代码块（包括一些我可以解决的更具体的内容）。

<h3>
  <i class="fa fa-info-circle pull-left" tooltip-html-unsafe="{{tooltip}}"></i>
  {{title}}
  <i class="fa fa-refresh fa-spin pull-right" ng-if="!dataLoaded"></i>
  <i class="fa fa-check fa-green pull-right" ng-if="dataLoaded && !dataError"></i>
  <i class="fa fa-exclamation fa-red pull-right" ng-if="dataError"></i>
</h3>

我希望以最具角度的方式考虑所有这些因素。那会是使用指令吗？此外，如果我将此代码考虑在内，那么所有控制器特定的{{tooltip}}和{{title}}属性是否仍然有用，以及ng-if s是否仍然有用？谢谢 -

Answer 1

如果使用指令，则必须使用“=”绑定范围，然后事情应该有效。您可以这样做的另一种方法是将其放入HTML文件并以ng-include的形式将其带入应用程序：

<div ng-include="myfile.html">
</div>

如果你使用ng-include进行操作，控制器中的所有内容都会像正常情况一样绑定到它。

使用Angular干燥HTML

1 个答案: