javascript - 用 Angular 干燥 HTML

Question

我有许多 Angular Controller ，其中包含以下代码块(包括一些我无法分解的更具体的内容)。

<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>

我希望以最符合 Angular 主义的方式将所有这些因素考虑在内。那会使用指令吗？此外，所有特定于 Controller 的 {{tooltip}} 和 {{title}} 属性是否仍然有效，以及 ng-ifs，如果我把这段代码分解出来？谢谢——

Answer 1

如果您使用指令，则必须使用“=”绑定(bind)作用域，然后一切正常。另一种方法是将其放入 HTML 文件中，然后将其放入 ng-include 的应用程序中，如下所示:

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

如果您使用 ng-include 执行此操作，您的 Controller 中的所有内容都会像往常一样绑定(bind)到它。