【问题标题】:Multiple data binding using angular2使用 angular2 进行多数据绑定
【发布时间】:2018-05-18 07:14:18
【问题描述】:

我已将下拉菜单开发为子组件,并在父组件中使用该子组件并且工作正常。这里的子组件是下拉列表,下拉值的数据通过 get 方法(服务调用)显示。

所以,我想在同一个父组件中使用同一个子组件,但是下拉列表的值会有所不同,基本上它需要再进行一次服务调用。

您能否解释一下如何处理这种情况,例如重用相同的子组件,但它需要进行单独的调用并相应地显示下拉值。

【问题讨论】:

    标签: javascript angular angular2-forms angular2-services angular2-directives


    【解决方案1】:

    你可以

    1. 有一个 Input 将 url 传递给您的下拉列表以检索数据

    2. 使下拉组件具有Input 以从父级获取数据列表,然后在父级中获取数据并将检索到的数据传递给下拉组件

    【讨论】:

    • 我尝试在组件(导出类)中使用@Input,如下所示,导出类 selectdropdownComponent 实现 OnInit{ @Input() value;标题:字符串;结果:数组;构造函数(私有_Service:服务){}ngOnInit(){this.gettableList(); } gettableList() { this._Service.gettableList(this.value) .subscribe( result => this.result = result); } 和 html (这里的名字是 json 数据中的键名)
    • @JOESHRA 在这里很难阅读,您能更新您的问题吗
    猜你喜欢
    • 2016-07-27
    • 1970-01-01
    • 2011-01-19
    • 2012-04-26
    • 2012-04-12
    • 2010-12-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多