/ / Гнездови компоненти в Angular4 (RC5) - ъглови, отхвърлени, ъглови2-директиви, ъглови компоненти, ъглово-rc5

Гнездови компоненти в Angular4 (RC5) - ъглови, отхвърлени, ъглови2-директиви, ъглови компоненти, ъглови-rc5

Първи в Angular и гледане на остарял урок, който всъщност е за Angular2 (y, знам).

Angular4:

@NgModule({
imports: [ BrowserModule ],
declarations: [ AppComponent , MyChildComponent ],
bootstrap: [ AppComponent ]
})

Изглежда, че точно сега гнездите компонентино не е налице начин да го направите как е било направено (или подобно) в ъглово 2? Както във вас може да го внесете в сега отхвърлената "директиви" собственост директно във вашия корен компонент (това е наистина удобно за бързо развитие ).

Angular2:

@Component({
selector: "app-root",
directives: [MyChildComponent]
template: "<div><ChildComponent></ChildComponent></div>"
})
export class AppComponent {}

Редактиране: Тук е декларацията MyChildComponent (все още част от Angular2):

@Component({
selector: "ChildComponent",
template: "<h2>Child component</h2>"
})
export class MyChildComponent {}

Забележка: Пропуснатите декларации за внос

Отговори:

0 за отговор № 1

В един момент (загубих следите на различните версии, които се появяват ежедневно отдавна), те направиха преминаването към модулен дизайн и на практика премахнаха directives през нощта.

За да използвате вашите компоненти навсякъде, просто се нуждаете от declarations: [...] част от модула, запълнен с компонентите ви в този модул.

След това нямате нужда от directives част в компонентите изобщо.

Накратко:

  • Всички компоненти, изброени в declarations част от модула ще направи тези компоненти достъпни за всички останали компоненти на този модул.
  • Всички компоненти, изброени в exports част от модула ще направи тези компоненти достъпни за всеки друг модул, който imports този модул.