Question

我有这个块出现在十个不同的管理页面上：

<div class="displayTable w100p"
     id="modalTitle">
    <div>
        <div>
            <span>{{home.modal.title}} {{home.modal.data.number}}</span>
            <span ng-show="home.modal.data.name"> - {{ home.modal.data.name | truncate:true:50:' ...' }}</span>
        </div>
        <div class="alignRight fadein fadeout"
             id="modalMessage"
             ng-model="home.modal.message"
             ng-show="home.modal.message">
            {{home.modal.message}}
        </div>
    </div>
</div>

我听说过指令，但也包括但我想知道这些方法可以将这些文字包含在我的页面中吗？如果是这样那么哪个是最好的。请注意，上面的块在我的所有管理页面中都是相同的。

Answer 1

第1步。

将您的html保存到单独的文件，例如。 路径/ modal.html

步骤2a。

指令：

app.directive('modal', function(){
  return: {
    restrict: "AE",
    templateUrl: "path/modal.html"
  }
})

使用它。

<div modal></div>

步骤2b。

伍-包括：

<div ng-include="'path/modal.html'"></div>

<强> PS 检查您的 home 变量是否在您拨打电话的范围上定义。

如何在应用程序的多个页面上包含一个文本块？

1 个答案: