Androidmani

  Hi Friends, In this document is useful to create Register & Login using angular 9, Php & MySql and Flex Layout. Create an angular project and build the project ng new project_name cd project_name ng serve   Open VS Code and import the angular project   Install the material angular package and flex layout package ng add @angular/material npm I –s @angular/flex-layout   Create a module file for material components and login/register/Home components ng generate module angular-material ng generate component login-register ng generate component home   Use the below code in angular material module file.     Material Module: Import the material module, Flex in app module.ts import { NgModule } from '@angular/core'; import {A11yModule} from '@angular/cdk/a11y'; import {ClipboardModule} from '@angular/cdk/clipboard'; import {DragDropModule} from '@angular/cdk/drag-drop'; import {PortalModule} from '@angular/...

 

 

 

https://gist.github.com/AndroidManikandan5689/b91415f41c412e51f67484eeea9c3107

  You will learn how to play the video in background of android app layout.

If we use number type in input field. In this case it will allows the characters are (e) and (-). Here we can restrict that character while we do input. Solution: Keycodes: e : 69, - : 189 <input type="number" onkeydown="return event.keyCode !== 69 && event.keyCode !== 189" /> Reference for keycode finder :  https://keycode.info/ Demo: https://stackblitz.com/edit/typescript-cwc9ge?file=index.ts

  We can do this by using @ViewChild. Reference :  https://angular.io/guide/component-interaction Stackblitz demo :  https://stackblitz.com/edit/angular-child-method-access?file=src/app/app.component.ts Way 1) With type selector Parent component: export   class   ParentComponent   implements   OnInit   { //Type selector    @ ViewChild ( ChildComponent )  childComp :   ChildComponent ;    constructor ()   {}   ngOnInit ()   {}   parentClickEvent ()   {      this . childComp . childMethod ();    } } Child Component: export   class   ChildComponent   implements   OnInit   {   childMethodStatus  =   "Child Method not trigered" ;   count  =   0 ;    constructor ()   {}   ngOnInit ()   {}   childMethod ()   {      thi...

  The maxlength attribute is not working with <input type="number"> . This happens only in Chrome. Solution: <input onkeypress="if(this.value.length==6) return false;" type="number" /> Demo: https://stackblitz.com/edit/typescript-cwc9ge?file=index.ts

Solution: We can add the focus event in input field like the below example: (focus)="datePicker.open()" < mat-form-field > < input matInput [ matDatepicker ]= "datePicker" placeholder = "Choose a date" ( focus )= "datePicker.open()" > < mat-datepicker-toggle matSuffix [ for ]= "datePicker" > </ mat-datepicker-toggle > < mat-datepicker #datePicker> </ mat-datepicker > </ mat-form-field >  

  Util module depreacted in angular. Here we are going to see the alternative for isNullOrUndefine, isNull, isUndefined. import  {   isUndefined ,  isNull ,  isNullOrUndefined  }  from   'util' ; Alternative for util Modules: export function isNullOrUndefined<T>(obj: T | null | undefined): obj is null | undefined { return typeof obj === 'undefined' || obj === null; }

An Activity is an user accessible screen. An activity class loads the all UI widget/component through XML file Every activity must be declared in androidmanifest.xml file which is in your project Activity is a baseline class. Its derived from "android.view.ContextThemeWrapper" AppComptActivity - Its used for defined the material design widget in UI. We are using AppCompatActivity instead of the ActionBarActivity (ActionBarActivity is Deprecated). AppCompatActivity derived from "androidx.fragment.app.FragmentActivity". FragmentActivity - Its used to define the Nested fragment in our activity class. Its inherit from "androidx.activity.ComponentActivity" and ComponentActivity is derived from our Baseline Activity class Dependency for AppCompatActivity:   implementation 'androidx.appcompat:appcompat:1.1.0'