угловых 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