Javascript 避免使用指令重复html

我需要开始执行指令

我有5个不同的视图，其中html完全相同，因此我需要执行指令以最小化我的html

 <div class="list betslip-item">
      <div class="item betslip-header"
           ng-class="slip.active == '1' ? 'betslip-header-active' : 'betslip-header-inactive'">
        <div class="row">
          <div class="col slip-name" ng-click="openMoreInfoSlip(slip)">
            {{:: slip.teamName}}
          </div>
          <div class="col-30">
            <a class="button-size select-button"
               ng-click="swapLineSelection(slip)">
              <i class="fa" ng-class="slip.active == '1' ? 'fa-check-circle' : 'fa-plus-circle'"></i>
            </a>
            <a class="button-size close-button"
               ng-click="removeSlip(slip)"><i class="fa fa-times"></i>
            </a>
          </div>
        </div>
      </div>
      <div class="item item-input" ng-class="(slip.lines.length > 1) ? 'item-select' : ''">
        <div class="input-label">
          {{:: slip.nss}} - {{::slip.gameDate}}
        </div>
        <span class="pick-label"
              ng-init="currentLine = getCurrentLine(slip)"
              ng-if="slip.lines.length < 2">{{:: currentLine.pick}}</span>
        <select
          ng-if="slip.lines.length > 1"
          ng-init="currentLine = getCurrentLine(slip)"
          ng-model="currentLine"
          ng-options="line as line.pick for line in slip.lines"
          ng-change="updateSelectionLine(slip, currentLine.pointsBought)">
        </select>
      </div>
    </div>

{{：：slip.teamName}
{{：：slip.nss}-{{：：slip.gameDate}
{{：：currentLine.pick}

这就是我所说的HTML，我应该包括css类和所有内容，这可能吗

---

欢迎任何帮助

可以将同一个HTML文件作为5个不同的视图重用，但您需要将所有需要在5个页面上显示的值或数据放在一个页面上，并使用javascript或jquery根据需要显示。因此，与创建5个视图相比，创建5个视图会更好，它不会占用任何服务器处理时间，只占用内存，而且因为它只有5个视图，我认为这不会对它产生太大影响。 我还包括了我在下面工作的Angular项目的链接，它有2-3个视图，以备您需要，包括ng路线等。

---

希望这有助于

将同一个HTML文件作为5个不同的视图进行重用是可能的，但您需要将所有需要在5个页面上显示的值或数据放在一个页面上，并使用javascript或jquery根据需要进行显示。因此，与创建5个视图相比，创建5个视图会更好，它不会占用任何服务器处理时间，只占用内存，而且因为它只有5个视图，我认为这不会对它产生太大影响。 我还包括了我在下面工作的Angular项目的链接，它有2-3个视图，以备您需要，包括ng路线等。

---

希望这有助于

将同一个HTML文件作为5个不同的视图进行重用是可能的，但您需要将所有需要在5个页面上显示的值或数据放在一个页面上，并使用javascript或jquery根据需要进行显示。因此，与创建5个视图相比，创建5个视图会更好，它不会占用任何服务器处理时间，只占用内存，而且因为它只有5个视图，我认为这不会对它产生太大影响。 我还包括了我在下面工作的Angular项目的链接，它有2-3个视图，以备您需要，包括ng路线等。

---

希望这有助于

将同一个HTML文件作为5个不同的视图进行重用是可能的，但您需要将所有需要在5个页面上显示的值或数据放在一个页面上，并使用javascript或jquery根据需要进行显示。因此，与创建5个视图相比，创建5个视图会更好，它不会占用任何服务器处理时间，只占用内存，而且因为它只有5个视图，我认为这不会对它产生太大影响。 我还包括了我在下面工作的Angular项目的链接，它有2-3个视图，以备您需要，包括ng路线等。

---

希望这对您有所帮助，您不需要使用自定义指令。如果您想要实现的只是能够重用某些html，那么您可以始终将其放入另一个模板中，并通过

ng include

使用它：

<ng-include src="'/templates/reusableComponent.html'"></ng-include>

---

您不需要使用自定义指令。如果您想要实现的只是能够重用某些html，那么您可以始终将其放入另一个模板中，并通过

ng include

使用它：

<ng-include src="'/templates/reusableComponent.html'"></ng-include>

---

您不需要使用自定义指令。如果您想要实现的只是能够重用某些html，那么您可以始终将其放入另一个模板中，并通过

ng include

使用它：

<ng-include src="'/templates/reusableComponent.html'"></ng-include>

---

您不需要使用自定义指令。如果您想要实现的只是能够重用某些html，那么您可以始终将其放入另一个模板中，并通过

ng include

使用它：

<ng-include src="'/templates/reusableComponent.html'"></ng-include>

用作参考用作参考用作参考