当前位置:  开发笔记 > 编程语言 > 正文

在Aurelia中将数据从一个视图模型传递到另一个视图模型

如何解决《在Aurelia中将数据从一个视图模型传递到另一个视图模型》经验,为你挑选了1个好方法。

我有一个名为的页面entry-main,它包含以下模板:


里面有另一个自定义元素.它看起来像这样:


在typeahead viewmodel中,我得到了我的typeahead的值,如下所示:

$(this.id).on('typeahead:selected', function (e, item) {
       this.selected = item;
});

我现在的问题是,如何this.selected从我的entry-details-viewmodel中获取我的typeahead-viewmodel?
为了清楚起见,它应该是这样的:


    
          
    

    
          ${selected}
    

Fabio Luz.. 5

你可以这样做:

在以下位置创建"已选中"属性entry-main:

export class EntryMain {
    selected = '';
    //rest of the code
}

在以下位置创建可绑定属性typeahead:

import { bindable } from 'aurelia-framework';

export class Typeahead {
    @bindable selected;
    //... rest of the code
}

将typeahead的"selected"绑定到entry-main的"selected"


    
        
    

    
        ${selected}
    

未经测试的代码,但我认为它应该有效.



1> Fabio Luz..:

你可以这样做:

在以下位置创建"已选中"属性entry-main:

export class EntryMain {
    selected = '';
    //rest of the code
}

在以下位置创建可绑定属性typeahead:

import { bindable } from 'aurelia-framework';

export class Typeahead {
    @bindable selected;
    //... rest of the code
}

将typeahead的"selected"绑定到entry-main的"selected"


    
        
    

    
        ${selected}
    

未经测试的代码,但我认为它应该有效.


这实际上可行.我自己没有测试过,但是我使用了Aurelia的`EventAggregator`.这样我就可以轻松地将数据从任何视图模型传递到任何其他随机视图模型.
推荐阅读
mobiledu2402851377
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有