角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