Góc JS ng-switch với ng-include?

Question

Tôi có 3 đoạn mã khác nhau mà tôi muốn hoán đổi tùy theo lựa chọn trong menu chọn.

Nó hoạt động nếu tôi bao gồm các nội tuyến mã, nhưng khi tôi cố gắng sử dụng ng-bao gồm như thế này, tôi nhận được một lỗi kiễu góc và ứng dụng bị lỗi:

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

Tôi đang làm gì sai ở đây? Có ng-switch không hoạt động với ng-include không?

Answer 1

Lý do là cả chỉ thị ng-include và ng-switch-x sử dụng quá trình chuyển đổi và bạn chỉ định cả trên cùng một phần tử và không được phép. Di chuyển nginclude cho con của phần tử 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> 

này đã từng làm việc cho đến khi phiên bản 1.x góc nhưng hợp chất nhúng sẽ dẫn đến multidir lỗi bắt đầu từ phiên bản 1.2.x của góc. Hãy xem change log và điều này commit.