Angularjs implement the method of dynamically loading template based on variable _angularjs

The example of this article describes the method of ANGULARJS implementation to change dynamic loading template according to variable variables. Share to everyone for your reference, specific as follows:

directive:

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

Template:

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

I hope this article will help you to Angularjs program design.