создать динамический шаблон в angularjs

Question

Привет Я хочу создать угловой шаблон динамически, как показано ниже:

Index.html:

<div ui-view></div> 
    <ul class="nav-links"> 
     <li ng-repeat="item in items"> 
      <a ui-sref="{{item.id}}"">{{item.name}}</a> 
     </li>      
    </ul> 

    <script ng-repeat="item in items" type="text/ng-template" id="{{item.id}}.html"> 
    <h1>{{item.name}}</h1> 
    </script> 

Как я могу это сделать? Я искал в Интернете и обнаружил, что мы можем включать шаблон динамически, но я не нашел места, где указано, как создавать динамически динамически.

Спасибо, Sombir

Answer 1

Лучший способ вы можете сделать это на заказ директивы! это то, что делает angularjs мощным.

.directive('myCustomer', function() { 
    return { 
    restrict: 'E', 
    template: 'myCustomer.html' 
    }; 
}); 

и указательным или все, что вы можете назвать это:

<my-customer></my-customer> 

EDIT: Чтобы создать dynamicaly ваш заказ директива Используйте контроллер свойств или ссылку.

.directive('myCustomer', function() { 
    return { 
    restrict: 'E', 
    template: 'myCustomer.html', 
    controller: function ($scope,$http) { 
    // here you can use $scope, $http etcs... but 
    }, // to make it clean and standard use Link 
    link: function (scope, element, attrs) { 
     // do all stuff like API call JQuery stuff and all here 
    } 
    }; 
}); 

с тем, что вы можете генерировать динамически директиву :) из API или что хотите. :)