mdmoin7

const createObject=(custom_schema,missingKeys,data)=>{
  const newObj=Object.create({});
  // add available keys
  for(let key of Object.keys(custom_schema)){
    const k=custom_schema[key];
    newObj[k]=data[key];
  }
  // add missing keys
  for(let k of missingKeys){
    newObj[k]='';

mdmoin7

const reMapAll=(custom_schema,missingKeys,data:any)=>{
  const newArray=[]
  for(let d of data){
    newArray.push(createObject(custom_schema,missingKeys,d));
  }
  return newArray;
}

mdmoin7

<!-- const cars=['Audi','Merc','BMW','Volvo','Tesla'] -->

<ul>
  <li *ngFor="let car of cars">{{car}}</li>
</ul>

mdmoin7

/*
 *ngFor="let c of oneDimArray | sortBy:'asc'"
 *ngFor="let c of arrayOfObjects | sortBy:'asc':'propertyName'"
*/
import { Pipe, PipeTransform } from '@angular/core';
import { orderBy } from 'lodash';

@Pipe({ name: 'sortBy' })
export class SortByPipe implements PipeTransform {

mdmoin7

import { Component, OnInit, AfterViewInit, ViewChild, ElementRef } from '@angular/core';
import { environment } from 'src/environments/environment';
import { LocationService } from 'src/app/core/services/location.service';
import { ModalController } from '@ionic/angular';

@Component({
  selector: 'app-location-picker',
  templateUrl: './location-picker.component.html',
  styleUrls: ['./location-picker.component.scss'],
})

mdmoin7

import {getErrorMsg} from './error-messages';

const requiredValidator = (value) => {
    return value !== '';
}

const minLengthValidator = (value, minlength) => {
    return !(value.length < minlength);
}

mdmoin7

const errorMessages = {
    required: () => 'This field is required',
    pattern: () => 'Incorrect format',
    minlength: (param) => `Min chars required is ${param.requiredLength}`,
    maxlength: (param) => `Max chars allowed is ${param.requiredLength}`
};

export const getErrorMsg = (err, errObj) => {
    return errorMessages[err](errObj);
}

mdmoin7

import React from 'react';
import PropTypes from 'prop-types';
import { checkErrors } from './validation-service';
// import {Text} from 'react-native' // only for react-native app
class ShowErrors extends React.Component {

    static propTypes = {
        value: PropTypes.any,
        validations: PropTypes.object,
        display: PropTypes.bool

mdmoin7

<app-product [pData]="pList" (addItem)="saveToCart($event)"></app-product>

mdmoin7

<!-- TEMPLATE FORMS -->
<input type="text" name="name" ngModel required #nameRef="ngModel" />
<app-show-errors [ctrl]="nameRef"></app-show-errors>

<!-- REACTIVE FORMS -->
<input type="text" formControlName="mycontrol"/>
<app-show-errors [ctrl]="formGroupObj.get('mycontrol')"></app-show-errors>