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

編輯： 要生成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 
    } 
    }; 
}); 

與您可以生成dynamicaly您從API或者任何你想做的指令:)。 :)