帶有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使用了transclusion，你在同一個元素上指定它們並且不允許。 將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>

此使用，直到角度1.x的版本，但化合物transclusion工作將導致錯誤multidir開始的角度1.2.x的版本。 看一下更改日志和此提交 。