首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何通过ui-view (UI-Router)传递数据?

如何通过ui-view (UI-Router)传递数据?
EN

Stack Overflow用户
提问于 2016-08-05 23:04:09
回答 2查看 120关注 0票数 0

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

像这样的东西

代码语言:javascript
运行
复制
<div ui-view="inputtext" data-value="0"></div>
<div ui-view="inputtext" data-value="1"></div>
<div ui-view="inputtext" data-value="2"></div>

我想要相同的模板,但传递不同的数据给它。

我怎样才能做到这一点呢?

这就是我的状态

代码语言:javascript
运行
复制
.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"
        }
      }

在'project‘中,我有多个'group’,在'group‘中,我有多个'task’,在'task‘中,我想显示多个'inputtext’,但每个输入值都不同

EN

回答 2

Stack Overflow用户

发布于 2016-08-05 23:41:59

代码语言:javascript
运行
复制
function whatyouwannaget()
{


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

Stack Overflow用户

发布于 2016-08-05 23:21:46

您可以使用ui-router的stateparams

让你的HTML

代码语言:javascript
运行
复制
 <a ui-sref=".detail({id: show.id})">{{show.name}}</a>

您的路由配置如下所示。

代码语言:javascript
运行
复制
   .state('app.subscribers.detail', {
    url: 'detail/:id',
    views: {
        'detail@app.shows': {
            templateUrl: 'templates/partials/show-detail.html',
            controller: 'showCtrl'        
        }
    }

});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38792413

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档