Exam 2: AngularJS: Functions, Directives, and Events

AngularJS can show or hide HTML depending on the state of data in the model. You do so using a set of AngularJS directives such as . . . . . . which are created specifically for that purpose.

AngularJS needs data in JSON format to populate its model.

AngularJS applications are a mix of . . . . . .

EventEmitter class's simple interface, which basically encompass two methods . . . . . . . . . can therefore be used to trigger custom events and listen to events as well, both synchronously or asynchronously.

There is a controller which takes single parameter. We call it . . . . . parameter.

@Output() myEvent = new EventEmitter();

If the data obtained from the model contains HTML elements, these are escaped before being inserted into the HTML template. The escaping means that the HTML is displayed as text, and not as HTML. This is done to prevent . . . .

First the HTML document is loaded into the browser, and evaluated by the browser. At this time the AngularJS . . . . . . .

. . . . . . . . need to be passed as a parameter in the event callback from the template to capture the event object.

AngularJS 1.0 was released in 2013.

Calling . . . . . . . . on the event prevents propagation.

Angular framework provides event binding using in-built event as well as custom event. Custom events are the EventEmitter instances. To create a custom event we need to create an instance of EventEmitter annotated by . . . . . . .

Event binding can be defined . . . . . . . . .

EventEmitter class is used by directives and components to emit custom Events.

The . . . . . . directive is one of the most fundamental directives in AngujarJS. The . . . . . directive inserts the result of an expression into the HTML template.

EventEmitter class acts both as an observer and observable.

Scope act as glue between controller and view.

We need to tell AngularJS what part of our HTML page contains the AngularJS app. You do so by adding the . . . . attribute to the root HTML element of the AngularJS app.

Events in Angular 2 behave like normal DOM events. They can bubble up but cannot propagate down.

Events on child elements are propagated upwards, and hence event binding is also possible on a parent element.