2016-08-05 10 views
0

私はそれらをネストするために複数の名前付きビューを使用しています。 私がしたいのは、テンプレートを呼び出すdivのデータをテンプレート自体に渡すことです。このui-view(UI-Router)でデータを渡すにはどうすればよいですか?

<div ui-view="inputtext" data-value="0"></div> 
<div ui-view="inputtext" data-value="1"></div> 
<div ui-view="inputtext" data-value="2"></div> 

よう

何かが私は、同じテンプレートをしたいが、それに異なるデータを渡します。

どうすれば実現できますか?

これは私が複数を表示したい私は、複数の「タスク」 と内部の「タスク」を持っている私は、複数の「グループ」 内部「グループ」を持って、私は

.state('project', { 
     url: "/project/:projectId", 
     views: { 
     'project' : { 
      templateUrl: "templates/project.html" 
     }, 
     '[email protected]' : { 
      templateUrl: "templates/group.html" 
     }, 
     '[email protected]' : { 
      templateUrl: "templates/task-1.html" 
     }, 
     '[email protected]' : { 
      templateUrl: "templates/modules/inputtext.html" 
     } 
     } 

インサイド "プロジェクトの状態を持っているかであります'のinputText' は異なる値を持つ各

+2

あなたが工場を使用し、UIルータのparams、または私の個人的な好みを使用することができます –

答えて

0

あなたは

があなたのHTMLがあるとするUI-ルータのstateparamsを使用することができます

<a ui-sref=".detail({id: show.id})">{{show.name}}</a> 

あなたのルート設定は のようになります。

.state('app.subscribers.detail', { 
    url: 'detail/:id', 
    views: { 
     '[email protected]': { 
      templateUrl: 'templates/partials/show-detail.html', 
      controller: 'showCtrl'   
     } 
    } 

}); 
1
function whatyouwannaget() 
{ 


    var scriptUrl = "url"; 
    $.ajax({ 
     url: scriptUrl, 
     type: 'get', 
     dataType: 'html', 
     async: false, 
     success: function(data) { 
      result = data; 
     } 
    }); 
    return result; 
関連する問題