我正在嘗試從同一個 ts 檔案中的另一個匯出函式訪問一個函式。但不作業。那么，該怎么做呢？
app.component.ts：
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
title = 'bus-poc';
ngOnInit(): void {
}
addingNumber(total:any){
console.log(total);
}
}
export function sum(a: number, b: number) {
const num = a b;
this.addingNumber(num);
}
你好.component.ts：
import { sum } from './another-file';
sum(50, 10);
演示：https ://stackblitz.com/edit/angular-ivy-vewk4c?file=src/app/app.component.ts,src/app/hello.component.ts,src/app/app.module.ts
uj5u.com熱心網友回復：
在您的 hello 組件中，您需要在函式中進行該呼叫：
import { sum } from './app.component';
@Component({...})
export class HelloComponent {
ngOnInit(): void {
sum(1, 2);
}
}
然后，在您的app組件中，您不能addingNumber從外部使用該函式，除非您實體化 class AppComponent。
@Component({...})
export class AppComponent implements OnInit {
title = 'bus-poc';
ngOnInit(): void {}
addingNumber(total:any){
console.log(total);
}
}
export function sum(a: number, b: number) {
const num = a b;
const appComponent = new AppComponent();
appComponent.addingNumber(num);
}
如果您的AppComponent類注入了一些依賴項，則需要提供它們。不確定您要實作的邏輯是什么，但這就是您要這樣做的方式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/493815.html
上一篇：Angular專案不顯示更改