Posts

Showing posts with the label Angular 5 App

Understanding TypeScript Interfaces

Image
Content Source: Angularjs Development Company An interface is a programming feature that helps to define the expected structure of an object allowing that to serve as a contract of sorts for the class where it is implemented. That helps explain the concept but how does this actually translate into working with real world code? Let’s say for example we have the following method: 1 2 3 4 public requestSpecificArea(lat : number, lng : number) : Observable {   return this.http.get(this._api + `locate-neighbourhood?q=${lat},${lng}`); } As you can gather from the code we’re using Angular’s HttpClient class to query a remote API which returns data as an observable that we can subsequently subscribe to. Continue reading

Using “ng-bootstrap” Components in Angular 5 App

Image
In this article, we are going to cover few bootstrap components provided by “ng-bootstrap” module in Angular 5 apps. “ng-bootstrap” Checkbox based Buttons (using ngbButton) “ng-bootstrap” Alerts (using ngb-alert) “ng-bootstrap” Progress Bar (using ngb-progressbar) In order to implement these components, we will have to configure  NgbModule  in app module then we will be able to use all ng-bootstrap components in our Angular app. Using “ng-bootstrap” Checkbox based Buttons In order to implement checkbox based buttons, we will have to use “ngbButtonLabel” and “ngbButton” provided by ng-bootstrap module like below. app.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'NgBootstrap Directives & Components Demo'; classes = { classRoom1: true, classRoom2: false, classRoo...