NativeScript with Angular

Open Visual Studio Code and press  Command  +  Shift  +  P  then type  Shell  in command palette now you are able to find this option like  Shell Command : Install code in PATH  from suggested list in command palette. Select that options. That's it. Now open your terminal type. $ code .

home.component.ts import { Component, OnInit } from "@angular/core"; @Component({ selector: "Home", moduleId: module.id, templateUrl: "./home.component.html", styleUrls: ['./home.component.css'] }) export class HomeComponent implements OnInit { silabusList = [ { "subject": "tamil" }, { "subject": "hindi" }, {"subject": "english"}, { "subject": "spanish" }, ] constructor() { } ngOnInit(): void { } btn(args) { console.log("index subje " + args) } } home.component.html <ActionBar title="Home" class="action-bar"> </ActionBar> <ScrollView class="page"> <StackLayout class="home-panel"> <StackLayout *ngFor="let item of silabusList ; let i = index"> <Label [text]="item.subject" (tap)="btn(i)" ></Label> </...

Using graphemica Icons -  1. Open the below link http://graphemica.com/%F0%9F%93%8E 2. Copy the icon then paste in the label text as mentioned, <Label text="📎" horizontalAlignment="center"></Label> Using Whatsapp Icons -  1. Just open the whatsapp web,  https://web.whatsapp.com/ 2. Copy the icons/symbols then paste it in the label text  as mentioned, <Label horizontalAlignment=" center " text="😍"></Label>

app.component.ts import { ItemEventData } from "ui/list-view" import { Component, OnInit } from "@angular/core"; @Component({ selector: "Home", moduleId: module.id, templateUrl: "./home.component.html", styleUrls: ['./home.component.css'] }) export class HomeComponent implements OnInit { public observationarray = [{ "name": "Australia", "imageSrc": "https://play.nativescript.org/dist/assets/img/flags/au.png", "categorySection": [{ "selctedImage": [ { name: "Romania", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/ro.png"}, { name: "Russia", imageSrc: "https://play.nativescript.org/dist/assets/img/flags/ru.png" } ], "contact": '887798971288', }] }]; constructor() { } ngOnInit(): void { } onItemTap(args: ItemEventData): void { console.log('Item with index: ' + args.index + ' ...

home.component.ts import { Component, OnInit } from "@angular/core"; @Component({ selector: "Home", moduleId: module.id, templateUrl: "./home.component.html", styleUrls: ['./home.component.css'] }) export class HomeComponent implements OnInit { onButtonTap(): void { console.log("Button was pressed"); } constructor() { } ngOnInit(): void { } } home.component.html <ActionBar title="Home" class="action-bar"> </ActionBar> <GridLayout height="90%" width="95%" rows="*,*" columns="*,*"> <StackLayout class="a" row="0" col="0"> <Button text="Button 1" (tap)="onButtonTap()"></Button> </StackLayout> <StackLayout class="b" row="0" col="1"> <Button text="Button 2" (tap)="onButtonTap()"...

home.component.ts import { ItemEventData } from "ui/list-view" import { Component, OnInit } from "@angular/core"; @Component({ selector: "Home", moduleId: module.id, templateUrl: "./home.component.html", styleUrls: ['./home.component.css'] }) export class HomeComponent implements OnInit { entries: { currententry: number, totalentry: number}[] = [ { currententry: 1 , totalentry : 5 }, { currententry: 2 , totalentry: 5 }, { currententry: 3 , totalentry: 5 } ]; onItemTap(args: ItemEventData): void { console.log('Item with index: ' + args.index + ' tapped'); } constructor() { } ngOnInit(): void { } } home.component.html <ActionBar title="Home" class="action-bar"> </ActionBar> <ScrollView class="page"> <StackLayout class="home-panel"> <ListView class="list-group" [items]="entries" (itemTap)="onItemTap($...