Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
导入Angular2中的类和外部库?_Angular_Typescript_Import - Fatal编程技术网

导入Angular2中的类和外部库?

导入Angular2中的类和外部库?,angular,typescript,import,Angular,Typescript,Import,我正在从另一个类导入ts中的外部类 import {client} from '../../' 在另一个类中使用var之前,我需要创建一个新的var实例吗?(例如let cli=new client()})我看到了一些教程,其中一些还谈到了这一点。他们只是直接导入和使用它 希望你能解释一下 谢谢这取决于您要导入的内容 如果是类。。。所以:是的。。例如: export class User{ public name:string; public surname:string; } 然后在其他

我正在从另一个类导入ts中的外部类

import {client} from '../../'
在另一个类中使用var之前,我需要创建一个新的var实例吗?(例如
let cli=new client()}
)我看到了一些教程,其中一些还谈到了这一点。他们只是直接导入和使用它

希望你能解释一下


谢谢

这取决于您要导入的内容

如果是
。。。所以:是的。。例如:

export class User{

public name:string;
public surname:string;
}
然后在其他ts文件中:

import { User } from '../../User';

let user= new User();
user.name= 'Fred';
user.surname = 'Scamuzzi';
例如,如果要导入
接口
。。那么不:

比如说

import {  OnInit } from '@angular/core';
  import { User } from '../../User';

export class AppComponent implements OnInit { // --> it force you to implement the method declared in OnInit interface


ngOnInit(): void { // implemented

        let currentUser = new User();
    }

}
当您在NgModule中导入组件以声明它时,exmplae也是如此。。你只要做:

import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppComponent } from './app.component';
import {AuthService} from './shared/services/AuthService.service';

@NgModule({
    imports: [
        BrowserModule,

        HttpClientModule
    ],
    declarations: [
        AppComponent

    ],
    providers: [

        AuthService

    ],

    bootstrap: [AppComponent]
})
export class AppModule {

}

希望它能帮助您……

这取决于您导入的内容

如果是
。。。所以:是的。。例如:

export class User{

public name:string;
public surname:string;
}
然后在其他ts文件中:

import { User } from '../../User';

let user= new User();
user.name= 'Fred';
user.surname = 'Scamuzzi';
例如,如果要导入
接口
。。那么不:

比如说

import {  OnInit } from '@angular/core';
  import { User } from '../../User';

export class AppComponent implements OnInit { // --> it force you to implement the method declared in OnInit interface


ngOnInit(): void { // implemented

        let currentUser = new User();
    }

}
当您在NgModule中导入组件以声明它时,exmplae也是如此。。你只要做:

import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AppComponent } from './app.component';
import {AuthService} from './shared/services/AuthService.service';

@NgModule({
    imports: [
        BrowserModule,

        HttpClientModule
    ],
    declarations: [
        AppComponent

    ],
    providers: [

        AuthService

    ],

    bootstrap: [AppComponent]
})
export class AppModule {

}

希望它能帮助您……

好的,如果我导入一个名称空间,这是相同的吗?还需要创建该命名空间的新实例吗?thanksok,如果我导入一个名称空间,这是相同的吗?还需要创建该命名空间的新实例吗?谢谢