用角度来烘干HTML

Question

我有许多角度控制器，其中包含以下代码块（包括一些我不能分解的更具体的东西）。

<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是否仍然有效？谢谢 -

Answer 1

如果你使用一个指令，你必须将范围与“=”绑定，然后才能工作。你可以做到这一点的另一种方法是将它放入一个HTML文件，并把它纳入应用在ng-include这样的：

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

如果您有ng-include一切从你的控制器做它将绑定到它就像正常。