码迷,mamicode.com
首页 > 其他好文 > 详细

Angular组件通信

时间:2020-02-22 16:00:27      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:调用   public   方法   services   angular   引入   from   写法   直接   

一. 组件间通信(组件间不能互相调用,公共方法放在服务中)

(目前项目采用将公共方法直接写在ts文件中没使用服务)

  1. ng g service services/服务名
  2. App.module.ts{

 引入服务:import {ts类名} from ‘./services/服务名.service’;

 配置服务在bootsyraps上加一句:providers:[ts类名],

 

  1. 在组件的ts中再引入服务:import{ts中服务类名} from ‘../../services/服务名.service’
  2. 使用服务

  不推荐写法:直接在组件ts中new服务类去调用方法

  推荐写法:在使用组件ts的构造中写:

  constructor(public 变量名:服务类名){

    this.变量名.服务名;

Angular组件通信

标签:调用   public   方法   services   angular   引入   from   写法   直接   

原文地址:https://www.cnblogs.com/dlm17/p/12345351.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!