首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >成员模型不使用Link-to动态绑定

成员模型不使用Link-to动态绑定
EN

Stack Overflow用户
提问于 2017-06-04 23:51:54
回答 2查看 63关注 0票数 2

我创建了一个成员演示,一个父视图,它的子视图--这是父视图

代码语言:javascript
运行
复制
<h1>A list of Todo Tasks</h1>
<ul>
{{#each model as |todo|}}
<li>{{#link-to "todos.details" todo}}{{todo.desc}}{{/link-to}}</li>
{{/each}}
</ul>

{{outlet}}

它的js登录是从‘Ember’导入ember;

代码语言:javascript
运行
复制
export default Ember.Route.extend({
    model (){
        return [{
            "id" : 1,
            "desc" : "Try use ember"
        },
        {
            "id" : 2,
            "desc" : "Add it to github"
        },
        ];

    }
});

但是,当我使用链接和导航数据时,除非刷新页面,否则数据不会显示,这是子视图。

代码语言:javascript
运行
复制
<h2>The Details for <span style="color: green;">{{model.name}}</span> is : </h2>
{{#if model.error}}
<p>{{model.message}}</p>
{{else}}
<ul>
 {{#each model.steps as |task|}}
    <li>{{task.do}}</li>
    {{/each}}
</ul>
{{/if}}

{{outlet}} 

及其js逻辑

代码语言:javascript
运行
复制
import Ember from 'ember';

export default Ember.Route.extend({
    model(params){

        if(params.id == "1"){
            return {
                name : "Ember SetUp",
                steps : [{
                    id :1,
                    do : "Download Ember Cli"
            },
            {
                    id :2,
                    do : "Generate New Project"
            },
            {
                    id :3,
                    do : "Generate Pages&Routes"
            }
                ]
            };
        }
        else{
            return {
                error : true,
                name : "Not Found",
                message : "There is no task with this id"
            }
        }
    }
});

iam使用EMB2.5,这是路由器的一部分

代码语言:javascript
运行
复制
this.route('todos', function() {
    this.route('details',{path : "/:id"});
  });
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-06-05 04:45:02

代码语言:javascript
运行
复制
{{#link-to "todos.details" todo}}

因为您提供了对象todo,所以它不会执行模型钩子。所以试试

代码语言:javascript
运行
复制
{{#link-to "todos.details" todo.id}}

请参阅此处:dynamic-models

注意:带有动态段的路由在通过URL输入时总是会调用它的模型钩子。如果该路由是通过转换输入的(例如,在使用链接到车把助手时),并且提供了模型上下文(链接到链接的第二个参数),则不执行钩子。如果提供了标识符(例如id或段塞),则将执行模型钩子。

票数 2
EN

Stack Overflow用户

发布于 2017-06-06 13:01:53

这里的视频操作。真对不起。对我来说,这是一个小小的错误,我应该在视频的评论中提到这一点,并试图对此加以修正。抱歉弄乱了!D:

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

https://stackoverflow.com/questions/44359956

复制
相关文章

相似问题

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