Posts

Showing posts with the label angular5

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...

Angular 5, “pentagonal-donut” is launched! – Smaller, Faster, Easier To Use

Image
What’s new? This is a bigger release containing new features and bug fixes. This release has the main agenda to focus on building Angular smaller, faster, and easier to use. Main Features: Build Optimizer Angular Universal State Transfer API and DOM Support Compiler Improvements TypeScript Transforms Preserve Whitespace Improved Decorator Support Internationalized Number, Date, and Currency Pipes Replace the ReflectiveInjector with StaticInjector Zone speed improvements exportAs HttpClient CLI v1.5 Angular Forms adds updateOn Blur / Submit Template Driven Forms Reactive Forms RxJS 5.5 New Router Lifecycle Events Hire Angular Developer  from us, as we give you high quality product by utilizing all the latest tools and advanced technology. E-mail us any clock at –  hello@hkinfosoft.com  or Skype us: “ hkinfosoft “. To develop custom web app using Angular 5, please visit our  technology page . Content Source: blo...