如何订阅自定义模型 Angular 2?

用户3573738

我有以下自定义模型:

export class CreateEducationYear {

  public year: number;
  public name: string;

}

我在这样的组件中使用它:

public newEducationYearModel: Observable<CreateEducationYear>;
constructor() {
   this.newEducationYearModel = new  Observable<CreateEducationYear>();
}

// Subscribe method

public test(): Observable<CreateEducationYear> {
   return this.newEducationYearModel;
}

// Listening

ngOnInit() {
    this.test().subscribe(data => {
      console.log(data);
    });
  }

我收到一个错误:

类型错误:无法读取未定义的属性“订阅”

我做错了什么?

模板是:

{{newEducationYearModel | json }}
<div class="filter-search-item-sub col-md-3">
    <label>Название периода</label>
    <input [(ngModel)]="newEducationYearModel.name" name="period" type="text" value=""/>
</div>

首次启动后,我CreateEducationYear {year: 2000}在控制台中看到但是进一步当我改变模型时没有任何变化。

塞尔希·瓦斯科

可能您不需要订阅。您可以(ngModelChange)根据自己的目的使用更改模板输入:

<input [(ngModel)]="newEducationYearModel.name" 
       (ngModelChange)="modelChanged($event, newEducationYearModel)" 
       name="period" 
       type="text" 
       value=""/>

并向组件添加方法:

public modelChanged(year, newEducationYearModel) {
    console.log('year', year);
    console.log('newEducationYearModel', newEducationYearModel);
}

这是一个木板https://plnkr.co/edit/HgzhovgFKczelCr3

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Angular2:无法订阅从共享服务发出的自定义事件

来自分类Dev

如何使angular2自定义事件冒泡

来自分类Dev

Angular 2/4:如何使我的自定义组件只读

来自分类Dev

angular 2自定义指令OnInit

来自分类Dev

自定义管道在Angular 2中

来自分类Dev

消费angular 2自定义库

来自分类Dev

如何编写依赖于Angular2中当前组件的属性值的自定义表单验证器(由模型驱动)

来自分类Dev

如何在angular 2中包含打字稿自定义类型定义?

来自分类Dev

Angular2自定义输入-必须定义令牌

来自分类Dev

如何在Dart中使用Angular2实现自定义验证器?

来自分类Dev

Angular 2如何将自定义提供程序注入服务?

来自分类Dev

如何在Angular2 / 4/5中实现自定义异步验证器

来自分类Dev

如何使用动态名称创建Angular 2自定义属性指令?

来自分类Dev

Angular2-如何将服务注入自定义异常处理程序

来自分类Dev

Angular2如何绑定到自定义组件输入参数

来自分类Dev

如何在Angular2中设置全局自定义标头?

来自分类Dev

如何使自定义管道可用于Angular 2中的所有组件?

来自分类Dev

如何通过ng2-charts angular使用chartJs的自定义渲染方法?

来自分类Dev

如何使自定义管道可用于Angular 2中的所有组件?

来自分类Dev

Angular2模板驱动的表单:如何为自定义表单控件创建字段验证?

来自分类Dev

如何在Angular2中制作自定义验证器

来自分类Dev

如何在Angular2清晰度图标中添加自定义图标?

来自分类Dev

如何在 angular 2 中使用自定义 http 刷新访问令牌?

来自分类Dev

这个关于自定义事件绑定的 Angular 2 教程到底是如何工作的?

来自分类Dev

如何在请求中在 Angular 2 中提供自定义 RequestOptionsArgs?

来自分类Dev

#Angular2 如何计算自定义属性指令的数量?

来自分类Dev

输入元素的 Angular 2+ 自定义指令 - 如何检测重置调用

来自分类Dev

如何在 angular 2+ 中制作自定义加载按钮组件?

来自分类Dev

如何将服务注入 Angular 2+ 中的自定义 .ts 文件

Related 相关文章

  1. 1

    Angular2:无法订阅从共享服务发出的自定义事件

  2. 2

    如何使angular2自定义事件冒泡

  3. 3

    Angular 2/4:如何使我的自定义组件只读

  4. 4

    angular 2自定义指令OnInit

  5. 5

    自定义管道在Angular 2中

  6. 6

    消费angular 2自定义库

  7. 7

    如何编写依赖于Angular2中当前组件的属性值的自定义表单验证器(由模型驱动)

  8. 8

    如何在angular 2中包含打字稿自定义类型定义?

  9. 9

    Angular2自定义输入-必须定义令牌

  10. 10

    如何在Dart中使用Angular2实现自定义验证器?

  11. 11

    Angular 2如何将自定义提供程序注入服务?

  12. 12

    如何在Angular2 / 4/5中实现自定义异步验证器

  13. 13

    如何使用动态名称创建Angular 2自定义属性指令?

  14. 14

    Angular2-如何将服务注入自定义异常处理程序

  15. 15

    Angular2如何绑定到自定义组件输入参数

  16. 16

    如何在Angular2中设置全局自定义标头?

  17. 17

    如何使自定义管道可用于Angular 2中的所有组件?

  18. 18

    如何通过ng2-charts angular使用chartJs的自定义渲染方法?

  19. 19

    如何使自定义管道可用于Angular 2中的所有组件?

  20. 20

    Angular2模板驱动的表单:如何为自定义表单控件创建字段验证?

  21. 21

    如何在Angular2中制作自定义验证器

  22. 22

    如何在Angular2清晰度图标中添加自定义图标?

  23. 23

    如何在 angular 2 中使用自定义 http 刷新访问令牌?

  24. 24

    这个关于自定义事件绑定的 Angular 2 教程到底是如何工作的?

  25. 25

    如何在请求中在 Angular 2 中提供自定义 RequestOptionsArgs?

  26. 26

    #Angular2 如何计算自定义属性指令的数量?

  27. 27

    输入元素的 Angular 2+ 自定义指令 - 如何检测重置调用

  28. 28

    如何在 angular 2+ 中制作自定义加载按钮组件?

  29. 29

    如何将服务注入 Angular 2+ 中的自定义 .ts 文件

热门标签

归档