如何在Angular 2的其他组件视图中调用共享服务函数？

没问题，这在Angular里是非常常见的需求，我来一步步帮你实现这个功能：

1. 创建共享服务 #

首先你需要创建一个包含delete_record方法的共享服务，比如命名为DataService：

import { Injectable } from '@angular/core';
// 如果需要调用后端API，引入HttpClient
// import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root' // 设置为root表示整个应用都能注入这个服务
})
export class DataService {
  // 如果需要HTTP请求，在构造函数注入HttpClient
  // constructor(private http: HttpClient) { }

  delete_record(ddata: any): void {
    // 这里编写你的删除逻辑，比如打印日志或调用后端接口
    console.log('准备删除记录:', ddata);
    // 如果是HTTP请求示例：
    // return this.http.delete(`/api/discounts/${ddata.discountauthorizationid}`);
  }
}

2. 在目标组件中注入服务 #

在你需要调用删除方法的组件里，通过构造函数注入DataService：

import { Component } from '@angular/core';
import { DataService } from './path-to-your-service/data.service'; // 替换成实际的服务路径

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html'
})
export class YourComponent {
  tableData: any; // 你的表格数据源
  selectedRow: number | null = null;

  // 构造函数中注入共享服务
  constructor(private dataService: DataService) { }

  // 封装删除方法（推荐这么做，方便后续处理成功/失败逻辑）
  deleteRecord(ddata: any): void {
    // 如果服务的方法是异步的（比如HTTP请求），需要处理订阅
    // this.dataService.delete_record(ddata).subscribe({
    //   next: () => {
    //     // 删除成功后的逻辑，比如刷新表格数据
    //     console.log('记录删除成功');
    //   },
    //   error: (err) => {
    //     // 处理删除失败的情况
    //     console.error('删除失败:', err);
    //   }
    // });

    // 如果是同步逻辑，直接调用服务方法
    this.dataService.delete_record(ddata);
  }
}

3. 修改模板中的点击事件 #

现在你可以在模板里调用组件封装好的删除方法，同时修正你原来的循环索引写法：

<tr *ngFor="let ddata of tableData.data; let i = index" 
    (click)="deleteRecord(ddata)" 
    [class.active]="ddata.discountauthorizationid == selectedRow">
  <!-- 表格列内容 -->
</tr>

注意：你原来的let i = ddata是错误写法，应该用let i = index来获取循环的索引值

额外提示 #

• 如果你的服务不需要全局可用，可以在特定模块的providers数组中声明它，而不是使用providedIn: 'root'
• 如果删除操作是异步的，记得在组件销毁时清理订阅（比如用takeUntil操作符），避免内存泄漏

内容的提问来源于stack exchange，提问作者Code is Cheap Show me The Talk