角2如何導入自定義功能組件和服務

Question

我有這樣的功能

myHelperNumber.js

function myLittleBoy(){ 
    console.log('I see you) 
} 

如何user.js的組件或userSevicer.js使用此功能服務？

Answer 1

myHelperFunction.ts

export function myLittleBoy(){ 
    console.log('I see you) 
} 

RegisterComponent.ts

import {myLittleBoy} from 'path to myhelperfunction.ts' 

Answer 2

export function myLittleBoy(){ 
    console.log('I see you) 
} 



import { Component } from '@angular/core'; 
declare var myLittleBoy:any; 
@Component({ 
    selector: 'my-app', 
    template: '<h1>Hello {{name}}</h1>', 
}) 
export class AppComponent { 

    constructor(private __jsmodel:JSmodelEvents){ 
     myLittleBoy(); 

    } 

} 

Answer 3

import {myHelperNumber} from 'your path'; 
export class AppComponent{ 
    constructor(private helpNum: myHelperNumber){ 
     // Now you can use myLittleBoy function anywhere inside the AppComponent Class 
     // Like below shown: 
     // this.helpNum.myLittleBoy(); 
    } 
} 

確保您myHelperNumber文件是導出的格式。

Answer 4

myHelperNumber.ts：

export const function myLittleBoy(){ 
    console.log('I see you) 
} 

然後在User.ts或userService.ts

import {myLittleBoy} from './myHelperNumber'; 
// and just use it in this class