AngularJS linkedin assessment

What is the purpose of the ViewChild decorator in the following component class?

@Component({

  . . .

  template: '

'

})

export class UserDetailsComponent {

  @ViewChild('bio') bio;

}

It provides access from within the component class to the ElementRef object for the

tag that has the bio template reference variable in the component's template view.

It makes the

tag in the template support content projection.

It indicates that the

tag be rendered as a child of the parent view that uses this component.

It makes the

tag visible in the final render. If the #bio was used in the template and the @ViewChild was not used in the class then Angular would automatically hide the

tag that has that #bio on it.

linkedin learning AngularJS

What is the value type that will be stored in the headerText template reference variable in the following markup?

User List

The inner text of the

element

An Angular ElementRef, a wrapper around a native element

The native DOM element type of

HTMLHeadingElement

A header component class

linkedin Angular assessment answers

What is the difference between the paramMap and the queryParamMap on the ActivatedRoute class?

The paramMap is the legacy name from Angular 3. The new name is queryParamMap.

The paramMap is an object literal of the parameters in a route's URL path. The queryParamMap is an Observable of those same parameters.

Both are Observables containing values from the requested route's URL string. The paramMap contains the parameter values that are in the URL path and the queryParamMap contains the URL query parameters.

TheparamMap is an Observable that contains the parameter values that are part of a route's URL path. The queryParamMap is a method that takes in an array of keys and is used to find specific parameters in the paramMap.

linkedin AngularJS assessment answers

What is the purpose of the ContentChildren decorator in the following component class?

@Component({

  . . .

  template: ''

})

export class TabsListComponent {

  @ContentChildren(TabComponent) tabs;

}

It restricts the allowed elements that can be put into a TabsListComponent element to only allow TabComponent elements.

If any TabsComponent elements are added to the TabsListComponent template, they will get put into the element at runtime.

It provides access from within the component class to any TabComponent components that were content projected into the for this component.

It creates TabComponent components in the TabsListComponent template when a TabsListComponent is instantiated.