Angular 2 Components

Chapter 8. Integrating Third-Party Components

There are a lot of UI components built with other libraries that we might want to use in our Angular 2 application. Throughout this chapter we will integrate a tooltip widget from the popular bootstrap library.

Importing the bootstrap and jQuery libraries are the topics that we cover in this chapter.

Preparing our development environment

Before we continue, let's create a new project. Open app.component.ts and remove the external links to the HTML template and the CSS file:

[app.component.ts]
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  template: `<h1>Angular2 components</h1>`
})
export class AppComponent {}