Question

只是出于好奇。

我在MyComponent文件夹中有一个名称为src/module/Component1的组件。

我在src / module / Component2文件夹中还有一个名为MyComponent的组件。

现在，如何将它们都导入模块中？有一些别名可用于导入吗？

import { MyComponent } from '@app/src/module/Component1/mycomponent.component';

// How Do I do this ?
//import { MyComponent } from '@app/src/module/Component2/mycomponent.component'; 



@NgModule({
    imports: [
        CommonModule,
        SharedModule,  ComponentsModule,
         FormsModule, 

  ],
    declarations: [MyComponent], //  I want to declare the second Component also here
    providers: []
})
export class SampleServerModule { }

如果我不包括第二个组件，我将得到下面的错误，它是正确的，因为我没有包含它；

无法确定类src / module / Component2 / MyComponent的模块

Answer 1

如the documentation中所述，导入可以重命名：

<section id="affordablewebdesignbanner">
  <div class="webdesignbannerdiv">
    <h1 class="webdesignheader">Affordable Professional Web Design</h1>
    <p class="webdesignparagraph">Lorem ipsum dolor sit amet, consectetur </p>
  </div>
</section>

<section id=subscribetonewsletter>
  <div class="newsletterdiv">
    <h1>Subscribe to our newsletter</h1>
    <form>
      <input type="email" placeholder="Enter Email...">
      <button type="submit" class="newsletterbutton">Subscribe</button>
    </form>
  </div>
</section>

Answer 2

从'@ app / src / module / Component2 / mycomponent.component'导入{MyComponent作为NewNameYouWantToUse};

Angular 6从模块中的不同路径导入具有相同组件的组件

2 个答案: