Question

我使用多个命名视图来嵌套它们。我想要做的是将调用模板的div中的一些数据传递给模板本身。

像这样的东西

<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"
        },
        'group@project' : {
            templateUrl: "templates/group.html"
        },
        'task-1@project' : {
            templateUrl: "templates/task-1.html"
        },
        'inputtext@project' : {
            templateUrl: "templates/modules/inputtext.html"
        }
      }

内部＆＃39;项目＆＃39;我有多个＆＃39; group＆＃39; 内部＆＃39;组＆＃39;我有多个任务＆＃39; 内部任务＆＃39;我想展示多个输入文字＆＃39;但每个人的价值不同

Answer 1

function whatyouwannaget()
{


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

Answer 2

您可以使用ui-router的stateparams

让您的 HTML 成为

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

你的路线配置是这样的

   .state('app.subscribers.detail', {
    url: 'detail/:id',
    views: {
        'detail@app.shows': {
            templateUrl: 'templates/partials/show-detail.html',
            controller: 'showCtrl'        
        }
    }

});

如何通过ui-view（UI-Router）传递数据？

2 个答案: