在自定义组件中使用 ionic2 标签

Question

离子设置：

离子框架：2.3.0

离子应用脚本：1.1.4

角芯：2.4.8

角度编译器 CLI：2.4.8

节点：4.2.6

我是离子和角度的新手，我正在尝试使用离子标签创建自定义组件，看看我的代码：

mynavbar.component.ts

import {Component} from "@angular/core";
import {IONIC_DIRECTIVES} from 'ionic-angular';
@Component({
  selector: 'my-navbar',
  directives: [IONIC_DIRECTIVES],
  templateUrl: 'mynavbar.component.html'
})
export class MyNavbarComponent {}

这是我的模板网址：

<ion-header>
  <ion-toolbar>
    <ion-buttons start>
       <button ion-button icon-only>
         <ion-icon name="contact"></ion-icon>
       </button>
    </ion-buttons>
    <ion-title>MyApp</ion-title>
    <ion-buttons end>
       <button ion-button icon-only>
         <ion-icon name="pin"></ion-icon>
       </button>
    </ion-buttons>
  </ion-toolbar>
  <ion-segment color="primary">
    <ion-segment-button value="pessoas">
       Pessoas
    </ion-segment-button>
    <ion-segment-button value="grupos">
     Grupos
    </ion-segment-button>
  </ion-segment>
 </ion-header>

并且我收到此错误：没有导出的成员"IONIC_DIRECTIVES"。我正在尝试导入IONIC_DIRECTIVES，因为我在这里看到一些 anwsers 说，如果我们想在自定义组件中使用离子标签，请在我们的组件中导入它，但我收到此错误。

@edit如果我选择不导入Ionic_Directives则不会收到任何错误，但是我在自定义组件中使用的所有离子标签都会丢失所有样式

Answer 1

如果您使用 Ionic2 模板项目创建了项目，则无需导入IONIC_DIRECTIVES 。

删除IONIC_DIRECTIVES的导入，它是装饰器directives条目。