带有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>

此使用,直到角度1.x的版本,但化合物transclusion工作将导致multidir错误开始的角度1.2.x的版本.看一下更改日志和此提交.