Mahdi Ta Mahdi Ta - 25 days ago 5
TypeScript Question

Angular 2 Error ( 'directives' does not exist in type 'Component' )

I am beginner in Angular 2 and I'm using the final Angular 2 release version. I have a strange problem with it.
this is my databinding.component.ts code:

import { Component } from '@angular/core';

import {PropertyBindingComponent} from './property-binding.component';
import {EventBindingComponent} from './event-binding.component';


@Component({
selector: 'fa-databinding',
templateUrl: 'databinding.component.html',
styleUrls: ['databinding.component.css'],
directives: [PropertyBindingComponent, EventBindingComponent]
})


and this is a peace of my app.module.ts code :

import { PropertyBindingComponent } from './databinding/property-binding.component';
import { EventBindingComponent } from './databinding/event-binding.component';

@NgModule({
declarations: [
AppComponent,
OtherComponent,
AnotherComponent,
DatabindingComponent,
PropertyBindingComponent,
EventBindingComponent
]


This code does not work correctly:

ERROR in [default] /home/tornado/work/first-app/src/app/databinding/databinding.component.ts:11:2
Argument of type '{ selector: string; template: any; styles: any[]; directives: (typeof PropertyBindingComponent | ...' is not assignable to parameter of type 'Component'.
Object literal may only specify known properties, and 'directives' does not exist in type 'Component'.


What should I do?!?!

Answer

directives was removed from component. See the following: http://stackoverflow.com/a/39410642/5487673