javascript - 带有 ng-include 的 Angular JS ng-switch？

Question

我有 3 个不同的代码片段，我想根据选择菜单中的选择进行交换。

如果我包含内联代码，它会起作用，但是当我尝试像这样使用 ng-includes 时，我会收到 Angular 错误并且应用程序失败:

      <div ng-switch on="pFilter">
      <div ng-include="'includes/parcel_details_incoming.html'" ng-switch-when="Incoming Parcels"></div>
      <div ng-include="'includes/parcel_details_forward.html'" ng-switch-when="Exception Parcels"></div>
      <div ng-include="'includes/parcel_details_exception.html'" ng-switch-default></div>
      </div>

我在这里做错了什么？ ng-switch 不能与 ng-includes 一起使用吗？

Answer 1

原因是指令 ng-include 和 ng-switch-x 都使用了嵌入，而您在同一个元素上指定了这两个指令，这是不允许的。将 nginclude 移动到 ng-switch 元素的子元素。

   <div ng-switch on="pFilter">
      <div  ng-switch-when="Incoming Parcels"><div ng-include="'includes/parcel_details_incoming.html'"></div></div>
      <div  ng-switch-when="Exception Parcels"><div ng-include="'includes/parcel_details_forward.html'"></div></div>
      <div  ng-switch-default><div ng-include="'includes/parcel_details_exception.html'"></div></div>
   </div>

这在 angular 1.x 版本之前一直有效，但是从 1.2.x 版本的 angular 开始，复合嵌入将导致 multidir 错误。看看 change log还有这个commit .