私はこのようなものである私のプロジェクトに構造を持っているAPIデータ

Question

に基づいてコンポーネントを生成するための適切なアプローチ：

フッターとヘッダーがビューを入れ子になっています。

index.html

： <div data-ui-view="header"></div> <div data-ui-view="main"></div> <div data-ui-view="footer"></div>

ルーティング：

$stateProvider 
     .state('index', { 
      abstract: true, 
      views: { 
       'header': { 
        component: 'headerComponent' 
       }, 
       'footer': { 
        component: 'footerComponent' 
       } 
      } 
     }) 

     .state('index.home', { 
      url: '/', 
      views: { 
       'main@': { 
        templateUrl: 'boxesTemplate.html' 
       } 
      } 
     }); 

メインセクションでは、ボックス含まれている必要があり、あなたはスクリーンショットで見ることができるように（おそらくコンポーネントであります？）。しかし、ボックスの数とその内容（ボックスの見出しのような）は、$ httpを使ってバックエンドから引き出されるデータによって生成されるべきです。私は、APIと通信するためにコンポーネントを使いたい。 これは何とかできますか？

コンポーネント（ 'customComponent'、{ .... テンプレート： -

Answer 1

おかげで、最も簡単な解決策ngのリピートおよびコンポーネントが何かのようである

<custom-component 
    ng-repeat="config in $ctrl.components" 
    service="$ctrl.service" 
    config="config"> 
</custom-component> 

をngが、含ま： '' }

とiで使用される適切なAPIサービスの実現ncludedテンプレート。