AngularJS implementiert eine Methode zum dynamischen Laden von Vorlagen basierend auf Variablenänderungen

Das Beispiel in diesem Artikel beschreibt, wie AngularJS das dynamische Laden von Vorlagen basierend auf Variablenänderungen implementiert. Teilen Sie es allen als Referenz mit. Die Einzelheiten lauten wie folgt:

Richtlinie:

return {
    restrict: 'E',
    replace: true,
    templateUrl: 'app/view/order.html',
    link: function (scope, element, attrs) {
      scope.Type = attrs.Type;
    }
};

Vorlage:

<div ng-switch on="item.Type">
 <div ng-switch-when="1"><ng-include src="&#39;views/1.html&#39;"></ng-include></div>
 <div ng-switch-when="2"><ng-include src="&#39;views/2.html&#39;"></ng-include></div>
 <div ng-switch-when="3"><ng-include src="&#39;views/3.html&#39;"></ng-include></div>
</div>

Ich hoffe, dass dieser Artikel für alle in der AngularJS-Programmierung hilfreich sein wird.