console.log and other global namespace variables are not accessible from a
template expression. You only have access to the expression context, which
in your case is basically your component.
So Günter's example should be:
@Component(
selector: 'my-component',
template: '<div>my-component</div>'
)
export class MyComponent implements OnInit {
@Output() someFieldChange: EventEmitter = new EventEmitter();
ngOnInit() {
someFieldChange.emit('someText');
}
}
@Component(
selector: 'app-element',
directives: [MyComponent],
template: '<div>app-element</div><my-component
(someFieldChange)="onFieldChange($event)"></my-component>'
)
export class AppElement {
onFieldChange(event) {
console.log(event);
}
}
On Tuesday, January 12, 2016 at 8:55:34 AM UTC+1, Günter Zöchbauer wrote:
>
> Hard to tell what your problem is.
> A simple example (not tested)
>
> @Component(
> selector: 'my-component',
> template: '<div>my-component</div>'
> )
> export class MyComponent implements OnInit {
> @Output() someFieldChange: EventEmitter = new EventEmitter();
> ngOnInit() {
> someFieldChange.emit('someText');
> }
> }
>
> @Component(
> selector: 'app-element',
> directives: [MyComponent],
> template: '<div>app-element</div><my-component
> (someFieldChange)="console.log($event)"></my-component>'
> )
> export class AppElement {
> }
>
>
>
>
>
> On Tuesday, January 12, 2016 at 1:07:17 AM UTC+1, michael corbridge wrote:
>>
>> Does anyone have a link to an example showing the use of the @Output
>> decorator in a component? I have been working with the example in
>> angular.io, and I cannot seem to get anything to output to the console
>> (much to my frustration)
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
