2016-08-05 35 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路由器参数,可以和我个人的最爱,使用工厂 –

回答

0

您可以使用UI路由器的stateparams

让你HTML

<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;