nativescript / nativescript-sdk-examples-ng Goto Github PK

NativeScript and Angular code samples.

License: Apache License 2.0

TypeScript 63.12% CSS 2.22% HTML 26.66% JavaScript 7.98% Shell 0.02%

nativescript-sdk-examples-ng's Introduction

NativeScript Code Samples

This repo contains the code of the NativeScript Code Samples companion application.

You can get the source code of the application and start exploring the code there, or you can read the documentation articles associated with each of the examples. The application is also very useful as a NativeScript playground - you can use the source code as a starting point and modify them to fit your app needs.

It is very easy to contribute to the samples and we encourage you to contribute any samples you think that will be useful for other developers. If you need a sample that is missing, please open a new issue so that other member of the community can help you.

Please read the contribution guide here.

All the samples have automated tests associated with them and you can be sure that they work with the latest NativeScript version.

Currently, the samples are written around the specific APIs, but we will be adding more “complete scenarios” implemented out of the box.

The code is currently Angular based.

We hope you will enjoy using this resource, if you have any feedback please open an issue.

Run the app from source code

git clone --depth 1 https://github.com/NativeScript/nativescript-sdk-examples-ng.git
cd nativescript-sdk-examples-ng
tns run android|ios

nativescript-sdk-examples-ng's People

Contributors

Stargazers

Watchers

Forkers

carlosrubio gladtec bolutife-lawrence hydrosquall p3po envomer chimpinano six006 magestik247 jaehyounglee myninka chaabni anorthwolf dahabit vighneshnair gwoodard gandhimena dennyx modulexcite anachin tedhopp habeeb-mohamed andrealeo83 leoc11 devna13 jeremypele yonatankra vo0do0 buttermewaffle anu-prakash-dev carol88s refaqtor fmatuszewski stevenljackson1 dlucidone philippsander fricker eksahin toshihiro2010 ayeshaashfaque hiddencaliber imagdy soussiaamine srnaik almegdad aymenbraiek designui rlekkala-tcs james-wu shaikhspear16 jacquesdeklerk mayur-padshala btcioner ghjklgv9 piotrilski dina1610 kgriffiths yellllllow alexandrehenzen radhakrishnan0404 skhanxav bheadknowlysis micflan ashokjavasp mpojeda84 noodles723 ramyabojanala joelinbakumar fiefdx nathane2005 oegnus yavgar blaise-zaga vr3d trunkovich collindutter drice omarhabdi ajaykumarbl kingandroid sis0k0 baguosiji ezambranob homer626 xiaodi365 troyscott oluwaseye sharique-hasan smartwayappsteam2 chuckmitchell thiagofcarneiro bharathmahesh umdstu teoh770 codeback elkadrey m-abs dwami skhye05 hongloans9

nativescript-sdk-examples-ng's Issues

barcode scanner

an issue has been detected i created a sidedrawer template by using

tns create my-project-name --template nativescript-angular-drawer-template

and i added a simple scan button in home page and added bar code scanner plugin all worked fine

on clicking scan button for barcodescanner it goes to camera after scanning qr code it is coming to its same page that is where i have kept simple scan button. In the same page i have kept label

it is not fetching the data to label but while creating simple app it works fine in drawer template only its not working how to get rid of it

non angular version please..

when can we expect -- Feature request

how to update user information

am building a social app with angular and am looking for a way to make users update their infromations from their profile
need help ASAP
thanks

2 Way Binding not working with Tab View

Hi,

I have working TabView code which I have imported into this codebase. It seems that the two way binding is not working, as the tabSelectedIndex doesn't effect the default selected tab and the action bar doesn't reflect the correct selection.

tabs.module.ts
`import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptRouterModule } from "nativescript-angular/router";
import { NativeScriptModule } from "nativescript-angular/platform";
import { TabsComponent } from "./tabs.component";

export const routerConfig = [
{
path: "",
component: TabsComponent
}
];

@NgModule({
schemas: [NO_ERRORS_SCHEMA],
imports: [
NativeScriptModule,
NativeScriptRouterModule,
NativeScriptRouterModule.forChild(routerConfig)
],
declarations: [
TabsComponent
]
})

export class TabsModule {
constructor() { }
}`

tabs.component.ts

`import {Component, ElementRef, ViewContainerRef, OnInit} from '@angular/core';
import { Router } from '@angular/router';

import { Page } from "ui/page";

import { Label } from "ui/label";
import { TabView, SelectedIndexChangedEventData } from "ui/tab-view";

@component({
moduleId: module.id,
templateUrl: './tabs.component.html',
providers: [ModalDialogService],
entryComponents:[ BrickCalculatorPage ]
})
export class TabsComponent implements OnInit {
public titles : any = [];

constructor() {
    this.tabSelectedIndex = 1;

    this.titles = ['Title A','Title B', 'Title C']; //titles for actionbar

tabs.component.html

`
<ActionItem ios.systemIcon="4" android.systemIcon="ic_menu_btn_add" ios.position="right" android.position="actionBar" *ngIf="(tabSelectedIndex == 0)">
<ActionItem ios.systemIcon="12" android.systemIcon="ic_menu_search" ios.position="right" android.position="actionBar" *ngIf="(tabSelectedIndex == 1)" (tap)="showFilter()">

<TabView [(ngModel)]="tabSelectedIndex" selectedColor="#FF0000" (selectedIndexChange)="onTabChanged($event.value)" class="tab-view">
<StackLayout *tabItem="{title: 'Title A', iconSource: '~/icon.png'}" >`

When the screen loads, tab 0 is selected.
When I switch between the tabs, the correct tab content loads per tab.
The actionbar title is initially set to Title B, and doesn't change when I switch between the tabs etc.

In the onTabChanged function, I console log the index value it passes through as well as the tabSelectedIndex, the index reflects the selected value, but the tabSelectedIndex stays the same.

I think it has to do with the two way binding which for some reason is not working...

List Picker Example - Syntax error

Is the '[' at the end of the line a typo?

https://github.com/NativeScript/nativescript-sdk-examples-ng/blob/master/app/ui-category/listpicker/creating-listpicker/creating-listpicker.component.html#L5

Range slider

Hi,

Is there a way of making a range slider? Please, if somebody knows something, I would be so thanksful.

Kind regards

[native code]: JS ERROR Error: Could not find module './'.

When I run the with tns run ios --emulator, got the following error:

1 0x105d5833c -[TNSRuntime executeModule:referredBy:]
2 0x102174629 main
3 0x107cd268d start
4 0x1
[native code]: JS ERROR Error: Could not find module './'. Computed path '/Users/xxxxx/Library/Developer/CoreSimulator/Devices/567EE584-1A1D-4AB1-BB79-38D59B350E9A
/data/Containers/Bundle/Application/2A530421-FC71-4DE2-8157-8069D82770AA/nativescriptsdkexamplesng.app/app'.
Feb 9 12:12:02 com.apple.CoreSimulator.SimDevice.567EE584-1A1D-4AB1-BB79-38D59B350E9A.launchd_sim[23747] (UIKitApplication:org.nativescript.nativescriptsdke
xamplesng[0x9934][26681]): Service exited due to Segmentation fault: 11

Any suggestions?

Unable to create application com.tns.NativeScriptApplication, Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity

Hi
I am having following error and I tried all possible solution that is available on internet.
I am tired now. I came here with lots of hope.

System.err: java.lang.RuntimeException: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException:
System.err:
System.err: Error calling module function
System.err:
System.err: Error calling module function
System.err:
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.tns.NativeScriptActivity" on path: DexPathList[[zip file "/data/app/com.lufthansa.news-1/base.apk"],nativeLibraryDirectories=[/data/app/com.lufthansa.news-1/lib/x86, /data/app/com.lufthansa.news-1/base.apk!/lib/x86, /system/lib, /vendor/lib]]
System.err:     dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:56)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:380)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:312)
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: File: "/data/data/com.lufthansa.news/files/internal/ts_helpers.js, line: 107, column: 28
System.err:
System.err: StackTrace:
System.err:     Frame: function:'', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 107, column: 29
System.err:     Frame: function:'__decorate', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 22, column: 34
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column: 1215
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column:
1273
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1294, column:
123
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1303, column:
79
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 977
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 988
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/starter.js', line: 1, column: 61
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:
System.err:
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.tns.NativeScriptActivity" on path: DexPathList[[zip file "/data/app/com.lufthansa.news-1/base.apk"],nativeLibraryDirectories=[/data/app/com.lufthansa.news-1/lib/x86, /data/app/com.lufthansa.news-1/base.apk!/lib/x86, /system/lib, /vendor/lib]]
System.err:     dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:56)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:380)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:312)
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: File: "<unknown>, line: 1, column: 265
System.err:
System.err: StackTrace:
System.err:     Frame: function:'', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 107, column: 29
System.err:     Frame: function:'__decorate', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 22, column: 34
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column: 1215
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column:
1273
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1294, column:
123
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1303, column:
79
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 977
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 988
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/starter.js', line: 1, column: 61
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:
System.err:
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.tns.NativeScriptActivity" on path: DexPathList[[zip file "/data/app/com.lufthansa.news-1/base.apk"],nativeLibraryDirectories=[/data/app/com.lufthansa.news-1/lib/x86, /data/app/com.lufthansa.news-1/base.apk!/lib/x86, /system/lib, /vendor/lib]]
System.err:     dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:56)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:380)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:312)
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: File: "<unknown>, line: 1, column: 265
System.err:
System.err: StackTrace:
System.err:     Frame: function:'', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 107, column: 29
System.err:     Frame: function:'__decorate', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 22, column: 34
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column: 1215
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column:
1273
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1294, column:
123
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1303, column:
79
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 977
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 988
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/starter.js', line: 1, column: 61
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:
System.err:     at android.app.ActivityThread.handleBindApplication(ActivityThread.java:5406)
System.err:     at android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     at android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     at android.os.Looper.loop(Looper.java:154)
System.err:     at android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     at java.lang.reflect.Method.invoke(Native Method)
System.err:     at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: Caused by: com.tns.NativeScriptException:
System.err:
System.err: Error calling module function
System.err:
System.err: Error calling module function
System.err:
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.tns.NativeScriptActivity" on path: DexPathList[[zip file "/data/app/com.lufthansa.news-1/base.apk"],nativeLibraryDirectories=[/data/app/com.lufthansa.news-1/lib/x86, /data/app/com.lufthansa.news-1/base.apk!/lib/x86, /system/lib, /vendor/lib]]
System.err:     dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:56)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:380)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:312)
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: File: "/data/data/com.lufthansa.news/files/internal/ts_helpers.js, line: 107, column: 28
System.err:
System.err: StackTrace:
System.err:     Frame: function:'', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 107, column: 29
System.err:     Frame: function:'__decorate', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 22, column: 34
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column: 1215
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column:
1273
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1294, column:
123
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1303, column:
79
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 977
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 988
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/starter.js', line: 1, column: 61
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:
System.err:
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: Caused by: java.lang.ClassNotFoundException: Didn't find class "com.tns.NativeScriptActivity" on path: DexPathList[[zip file "/data/app/com.lufthansa.news-1/base.apk"],nativeLibraryDirectories=[/data/app/com.lufthansa.news-1/lib/x86, /data/app/com.lufthansa.news-1/base.apk!/lib/x86, /system/lib, /vendor/lib]]
System.err:     dalvik.system.BaseDexClassLoader.findClass(BaseDexClassLoader.java:56)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:380)
System.err:     java.lang.ClassLoader.loadClass(ClassLoader.java:312)
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     com.tns.Runtime.resolveClass(Runtime.java:581)
System.err:     com.tns.Runtime.runModule(Native Method)
System.err:     com.tns.Runtime.runModule(Runtime.java:530)
System.err:     com.tns.Runtime.run(Runtime.java:522)
System.err:     com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: File: "<unknown>, line: 1, column: 265
System.err:
System.err: StackTrace:
System.err:     Frame: function:'', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 107, column: 29
System.err:     Frame: function:'__decorate', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 22, column: 34
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column: 1215
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column:
1273
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1294, column:
123
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1303, column:
79
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 977
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 988
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/starter.js', line: 1, column: 61
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:
System.err:
System.err: Error: java.lang.ClassNotFoundException: com.tns.NativeScriptActivity
System.err:     java.lang.Class.classForName(Native Method)
System.err:     java.lang.Class.forName(Class.java:400)
System.err:     java.lang.Class.forName(Class.java:326)
System.err:     com.tns.Runtime.getClassForName(Runtime.java:1010)
System.err:     com.tns.ClassResolver.resolveClass(ClassResolver.java:46)
System.err:     android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     android.app.ActivityThread.-wrap2(ActivityThread.java)
System.err:     android.app.ActivityThread$H.handleMessage(ActivityThread.java:1545)
System.err:     android.os.Handler.dispatchMessage(Handler.java:102)
System.err:     android.os.Looper.loop(Looper.java:154)
System.err:     android.app.ActivityThread.main(ActivityThread.java:6119)
System.err:     java.lang.reflect.Method.invoke(Native Method)
System.err:     com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
System.err:     com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
System.err: File: "<unknown>, line: 1, column: 265
System.err:
System.err: StackTrace:
System.err:     Frame: function:'', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 107, column: 29
System.err:     Frame: function:'__decorate', file:'/data/data/com.lufthansa.news/files/internal/ts_helpers.js', line: 22, column: 34
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column: 1215
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1401, column:
1273
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1294, column:
123
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'module.exports.Object.defineProperty.value', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1303, column:
79
System.err:     Frame: function:'t', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 175
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 977
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/vendor.js', line: 1, column: 988
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:     Frame: function:'', file:'file:///data/data/com.lufthansa.news/files/app/starter.js', line: 1, column: 61
System.err:     Frame: function:'require', file:'', line: 1, column: 266
System.err:
System.err:     at com.tns.Runtime.runModule(Native Method)
System.err:     at com.tns.Runtime.runModule(Runtime.java:530)
System.err:     at com.tns.Runtime.run(Runtime.java:522)
System.err:     at com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:19)
System.err:     at android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1024)
System.err:     at android.app.ActivityThread.handleBindApplication(ActivityThread.java:5403)
System.err:     ... 8 more
ActivityManager: Process com.lufthansa.news (pid 4296) has died
ActivityManager: cleanUpApplicationRecord -- 4296

this is my package.json

{
  "name": "xyz",
  "version": "0.0.0",
  "repository": "<fill-your-repository-here>",
  "nativescript": {
    "id": "com.xyz.abc",
    "tns-ios": {
      "version": "3.1.0"
    },
    "tns-android": {
      "version": "3.3.1"
    }
  },
  "dependencies": {
    "@angular/animations": "~4.1.0",
    "@angular/common": "~4.1.0",
    "@angular/compiler": "~4.1.0",
    "@angular/core": "~4.1.0",
    "@angular/forms": "~4.1.0",
    "@angular/http": "~4.1.0",
    "@angular/platform-browser": "~4.1.0",
    "@angular/platform-browser-dynamic": "~4.1.0",
    "@angular/router": "~4.1.0",
    "@ngx-translate/core": "^6.0.1",
    "@ngx-translate/http-loader": "0.0.3",
    "html-entities": "^1.2.1",
    "nativescript-angular": "^3.1.0",
    "nativescript-cardview": "^2.0.4",
    "nativescript-material-icons": "^1.0.3",
    "nativescript-ngx-fonticon": "^4.0.0",
    "nativescript-orientation": "^2.1.0",
    "nativescript-platform-css": "^1.6.5",
    "nativescript-ripple": "^2.0.0",
    "nativescript-theme-core": "~1.0.2",
    "reflect-metadata": "~0.1.8",
    "rxjs": "~5.3.0",
    "tns-core-modules": "^3.1.0",
    "typescript": "~2.2.0",
    "zone.js": "~0.8.2"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~4.1.0",
    "@ngtools/webpack": "~1.5.5",
    "@types/jasmine": "^2.5.47",
    "babel-traverse": "6.25.0",
    "babel-types": "6.25.0",
    "babylon": "6.17.4",
    "copy-webpack-plugin": "~4.0.1",
    "css-loader": "0.28.2",
    "del": "^2.2.2",
    "extract-text-webpack-plugin": "~2.1.0",
    "gulp": "github:gulpjs/gulp#4.0",
    "gulp-debug": "^3.1.0",
    "gulp-rename": "^1.2.2",
    "gulp-string-replace": "^0.4.0",
    "lazy": "1.0.11",
    "nativescript-css-loader": "~0.26.0",
    "nativescript-dev-android-snapshot": "^0.*.*",
    "nativescript-dev-sass": "^1.1.1",
    "nativescript-dev-typescript": "~0.4.5",
    "nativescript-dev-webpack": "^0.7.3",
    "nativescript-worker-loader": "~0.8.1",
    "raw-loader": "~0.5.1",
    "resolve-url-loader": "~2.0.2",
    "typescript": "~2.2.0",
    "uglifyjs-webpack-plugin": "^1.0.0-beta.2",
    "webpack": "~2.6.0",
    "webpack-bundle-analyzer": "^2.8.2",
    "webpack-sources": "~0.2.3"
  },
  "scripts": {
    "prepPhone": "gulp build.Phone",
    "prepTablet": "gulp build.Default",
    "prepCLIPhone": "gulp build.cli.Phone",
    "prepCLITablet": "gulp build.cli.Default",
    "ios": "npm run prepCLITablet && tns run ios",
    "debug.ios": "npm run prepCLITablet && tns debug ios",
    "ios.phone": "npm run prepCLIPhone && tns run ios",
    "debug.ios.phone": "npm run prepCLIPhone && tns debug ios",
    "android": "npm run prepCLITablet && tns run android",
    "debug.android": "npm run prepCLITablet && tns debug android --device Pixel_C_API_25",
    "android.phone": "npm run prepCLIPhone && tns run android",
    "debug.android.phone": "npm run prepCLIPhone && tns debug android --device Pixel_XL_API_25",
    "phone-ios-bundle": "npm run prepPhone && tns prepare ios && npm run start-ios-bundle --uglify",
    "tablet-ios-bundle": "npm run prepTablet && tns prepare ios && npm run start-ios-bundle --uglify",
    "build.phone-ios-bundle": "npm run prepPhone && tns prepare ios && npm run build-ios-bundle --uglify",
    "build.tablet-ios-bundle": "npm run prepTablet && tns prepare ios && npm run build-ios-bundle --uglify",
    "phone-android-bundle": "npm run prepPhone && tns prepare android && npm run start-android-bundle --uglify",
    "tablet-android-bundle": "npm run prepTablet && tns prepare android && npm run start-android-bundle --uglify",
    "build.phone-android-bundle": "npm run prepPhone && tns prepare android && npm run build-android-bundle --uglify",
    "build.tablet-android-bundle": "npm run prepTablet && tns prepare android && npm run build-android-bundle --uglify",
    "ns-bundle": "ns-bundle",
    "livesync": "gulp tns.Livesync",
    "publish-ios-bundle": "npm run ns-bundle --ios --publish-app",
    "generate-android-snapshot": "generate-android-snapshot --targetArchs arm,arm64,ia32 --install",
    "start-android-bundle": "npm run ns-bundle --android --run-app",
    "start-ios-bundle": "npm run ns-bundle --ios --run-app",
    "build-android-bundle": "npm run ns-bundle --android --build-app",
    "build-ios-bundle": "npm run ns-bundle --ios --build-app"
  }
}

it work with without bundle mode (npm run android)
but it is not working on bundle mode (npm run tablet-android-bundle)
I am using angular-native-seed for my example
tns version is 3.3.1
node version is 7.5.0
npm version is 5.5.1
working machine: windows 7

I had tried it on android emulator and real device (Oneplus 3t) both.

Unable to install dependencies. Make sure your package.json is valid and all dependencies are correct. Error is: Command npm failed with exit code 1

I downloaded the project and try to run this project I am getting following errors:

Bhushankumars-MacBook-Pro-2:nativescript-sdk-examples-ng-release bhushankumar$ cd /Users/bhushankumar/Downloads/nativescript-sdk-examples-ng-release ;
Bhushankumars-MacBook-Pro-2:nativescript-sdk-examples-ng-release bhushankumar$ tns run ios --emulator

npm ERR! Darwin 16.4.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v7.7.2
npm ERR! npm v4.1.2
npm ERR! code ETARGET

npm ERR! notarget No compatible version found: [email protected]
npm ERR! notarget Valid install targets:
npm ERR! notarget 0.0.1, 0.0.2, 0.0.3, 0.0.4, 0.0.5, 0.0.7, 0.0.8, 0.0.9, 0.0.10, 0.0.11, 0.0.12, 0.0.13, 0.0.14, 0.0.15, 0.0.16, 0.0.17, 0.0.18, 0.0.19, 0.0.20, 0.0.22, 0.0.23, 0.0.24, 0.0.25, 0.0.26, 0.0.27, 0.0.29, 0.0.30, 0.0.31, 0.0.32, 0.0.33, 0.0.34, 0.0.35, 0.0.36, 0.0.37, 0.0.38, 0.0.40, 0.0.41, 0.0.42, 0.0.43, 0.0.44, 0.0.45, 0.0.46, 0.1.0, 0.1.1, 0.1.2, 0.1.3, 0.1.4, 0.1.5, 0.1.6, 0.1.7, 0.1.8, 0.2.0, 0.2.1, 0.2.1-2016-07-18-737, 0.2.1-2016-07-21-752, 0.2.1-2016-07-25-760, 0.2.1-2016-07-26-765, 0.2.1-2016-07-27-772, 0.2.1-2016-07-28-778, 0.3.0-2016-08-01-779, 0.3.0-2016-08-01-781, 0.3.0-2016-08-02-785, 0.3.1-2016-08-04-787, 0.3.1-2016-08-08-788, 0.3.0, 0.4.0-beta1, 0.3.1, 0.4.0-2016-08-30-877, 0.4.0, 0.4.1-2016-08-31-879, 0.4.1-2016-09-08-882, 0.4.1-2016-09-09-888, 0.5.0-2016-09-09-897, 0.5.0-2016-09-09-898, 0.5.0, 0.5.1-2016-09-09-900, 0.6.0-2016-09-13-907, 0.6.1-2016-09-13-909, 0.6.0, 1.0.1-2016-09-15-918, 1.0.0-2016-09-15-916, 1.0.0, 1.0.1-2016-09-16-920, 1.0.1-2016-09-27-923, 1.0.2-2016-09-27-925, 1.0.1, 1.0.2-2016-09-30-928, 1.0.2-2016-10-10-932, 1.0.2-2016-10-13-936, 1.0.2, 1.1.0-2016-10-13-940, 1.1.0, 1.1.0-2016-10-13-942, 1.1.0-2016-10-21-950, 1.1.1-2016-10-21-951, 1.1.2-2016-10-21-953, 1.1.1, 1.1.2-2016-10-21-955, 1.1.2-2016-10-25-958, 1.1.2-2016-10-28-984, 1.1.2-2016-10-28-986, 1.1.3-2016-10-28-988, 1.1.2, 1.1.3-2016-10-31-994, 1.1.3-2016-11-03-997, 1.2.0-2016-11-08-998, 1.2.0-2016-11-14-1009, 1.2.0-2016-11-16-1016, 1.1.3, 1.2.0-2016-11-18-1030, 1.2.0-2016-11-19-1033, 1.2.0-2016-11-19-1040, 1.2.0-2016-11-22-1053, 1.2.0-2016-11-23-1057, 1.2.0-2016-11-24-1066, 1.2.0-2016-11-24-1067, 1.2.0-2016-11-25-1073, 1.2.0-2016-11-25-1078, 1.2.0-2016-11-25-1085, 1.3.0-2016-11-28-1093, 1.3.0-2016-11-29-1105, 1.3.0-2016-11-29-1108, 1.3.0-2016-11-30-1112, 1.2.0, 1.3.0-2016-12-06-1124, 1.3.0-2016-12-07-1129, 1.3.0-2016-12-08-1145, 1.3.0-2016-12-08-1148, 1.3.0-2016-12-09-1152, 1.3.0-2016-12-09-1155, 1.3.0-2016-12-13-1161, 1.3.0-2016-12-13-1164, 1.3.0-2016-12-15-1167, 1.3.0-2017-01-04-1179, 1.3.1-2017-01-04-1182, 1.3.1-2017-01-05-1183, 1.3.0, 1.3.1-2017-01-13-1198, 1.4.1-2017-01-13-1201, 1.4.1-2017-01-16-1206, 1.4.1-2017-01-23-1222, 1.4.1-2017-01-26-1223, 1.4.1-2017-01-30-1226, 1.4.1-2017-01-31-1230, 1.4.0, 1.4.1-2017-02-08-1239, 1.4.1-2017-02-23-1261, 1.4.1-2017-02-27-1264, 1.4.1, 1.4.2-2017-02-27-1267, 1.4.2-2017-03-08-1284, 1.4.2-2017-03-13-1311, 1.4.2-2017-03-13-1316, 1.4.2-2017-03-13-1315, 1.4.2-2017-03-14-1323, 1.4.2-2017-03-16-1329, 1.4.2-2017-03-21-1351
npm ERR! notarget
npm ERR! notarget This is most likely not a problem with npm itself.
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.
npm ERR! notarget
npm ERR! notarget It was specified as a dependency of 'nativescript-sdk-examples-ng'
npm ERR! notarget

npm ERR! Please include the following file with any support request:
npm ERR! /Users/bhushankumar/Downloads/nativescript-sdk-examples-ng-release/npm-debug.log
Unable to install dependencies. Make sure your package.json is valid and all dependencies are correct. Error is: Command npm failed with exit code 1
Bhushankumars-MacBook-Pro-2:nativescript-sdk-examples-ng-release bhushankumar$
Bhushankumars-MacBook-Pro-2:nativescript-sdk-examples-ng-release bhushankumar$
Bhushankumars-MacBook-Pro-2:nativescript-sdk-examples-ng-release bhushankumar$
Bhushankumars-MacBook-Pro-2:nativescript-sdk-examples-ng-release bhushankumar$ tns run ios --emulator
npm ERR! Darwin 16.4.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v7.7.2
npm ERR! npm v4.1.2
npm ERR! code ETARGET

own dialog

how to create our own dialog box without ok or submit button in nativescript @jbristowe

Unable to build

:config phase:  addAarDependencies
        +adding dependency: C:\Users\mirko\Downloads\nativescript-sdk-examples-ng\platforms\android\libs\aar\widgets-release.aar

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring root project 'nativescriptsdkexamplesng'.
> Could not resolve all dependencies for configuration ':_F0F1F2F3DebugCompile'.
   > Could not find com.google.android.gms:play-services:8.3.0.
     Searched in the following locations:
         https://jcenter.bintray.com/com/google/android/gms/play-services/8.3.0/play-services-8.3.0.pom
         https://jcenter.bintray.com/com/google/android/gms/play-services/8.3.0/play-services-8.3.0.jar
         file:/C:/Users/mirko/Downloads/nativescript-sdk-examples-ng/platforms/android/libs/aar/play-services-8.3.0.jar
         file:/C:/Users/mirko/Downloads/nativescript-sdk-examples-ng/platforms/android/libs/aar/play-services.jar
         file:/C:/Users/mirko/AppData/Local/Android/android-sdk/extras/android/m2repository/com/google/android/gms/play-services/8.3.0/play-services-8.3.0.pom
         file:/C:/Users/mirko/AppData/Local/Android/android-sdk/extras/android/m2repository/com/google/android/gms/play-services/8.3.0/play-services-8.3.0.jar
     Required by:
         :nativescriptsdkexamplesng:unspecified

Error: com.tns.NativeScriptException: Failed to find module: "tns-core-modules/globals", relative to: app/tns_modules

I keep getting this error while trying to run the application on an Android device.

Steps to reproduce:

git clone --depth 1 [email protected]:NativeScript/nativescript-sdk-examples-ng.git
cd nativescript-sdk-examples-ng
tns run android --emulator

After executing the commands I get the following message in the emulator:

I've tested it with a real device (Samsung Galaxy S5 Neo) and got a same result.

Any thoughts on this issue?

Please add SASS support with webpack

I couldn't find any example that has NativeScript, Angular2, Webpack and SASS that works without error for
AoT as well. Please provide one or point me to that project if you know.
Thanks.

Scroll View is not working with ngFor.

I have tried following code.

<ScrollView>
    <StackLayout *ngFor="let item of projectList">
        <Label [text]="item.id"></Label>
        <Label [text]="item.name"></Label>
    </StackLayout>
</ScrollView>

But it always show the last element.

Can anyone please suggest the solution for this ?

I am using following versions.

"@angular/common": "4.0.0",
"@angular/compiler": "4.0.0",
"@angular/core": "4.0.0",
"@angular/forms": "4.0.0",
"@angular/http": "4.0.0",
"@angular/platform-browser": "4.0.0",
"@angular/platform-browser-dynamic": "4.0.0",
"@angular/router": "4.0.0",
"email-validator": "^1.0.7",
"nativescript-angular": "rc",
"nativescript-theme-core": "~1.0.2",
"reflect-metadata": "~0.1.8",
"rxjs": "~5.2.0",
"tns-core-modules": "rc",
"zone.js": "~0.8.2"

Unable to run on 2.4 {N} CLI

I kept running into the issues of No provider for ViewUtils! It is alright on Android. The iOS I am running on is version 10.1 iPhone 6. I am on Xcode 8.1.

CONSOLE ERROR file:///app/tns_modules/nativescript-angular/zone.js/dist/zone-nativescript.js:342:26: Unhandled Promise rejection: No provider for ViewUtils! ; Zone: angular ; Task: Promise.then ; Value: Error: No provider for ViewUtils! BaseError@file:///app/tns_modules/@angular/core/bundles/core.umd.js:1104:42
	AbstractProviderError@file:///app/tns_modules/@angular/core/bundles/core.umd.js:1235:24
	NoProviderError@file:///app/tns_modules/@angular/core/bundles/core.umd.js:1266:24
	_throwOrNull@file:///app/tns_modules/@angular/core/bundles/core.umd.js:2906:42
	create@file:///app/tns_modules/@angular/core/bundles/core.umd.js:5803:34
	createComponent@file:///app/tns_modules/@angular/core/bundles/core.umd.js:4857:55
	activateOnGoForward@file:///app/tns_modules/nativescript-angular/router/page-router-outlet.js:146:74
	activate@file:///app/tns_modules/nativescript-angular/router/page-router-outlet.js:135:37
	placeComponentIntoOutlet@file:///app/tns_modules/@angular/router/bundles/router.umd.js:2955:28
	activateRoutes@file:///app/tns_modules/@angular/router/bundles/router.umd.js:2933:50
	file:///app/tns_modules/@angular/router/bundles/router.umd.js:2902:37
	forEach@[native code]
	activateChildRoutes@file:///app/tns_modules/@angular/router/bundles/router.umd.js:2901:40
	activate@file:///app/tns_modules/@angular/router/bundles/router.umd.js:2896:37
	file:///app/tns_modules/@angular/router/bundles/router.umd.js:2646:68
	file:///app/tns_modules/rxjs/Observable.js:108:25
	__tryOrSetError@file:///app/tns_modules/rxjs/Subscriber.js:232:20
	next@file:///app/tns_modules/rxjs/Subscriber.js:174:42
	_next@file:///app/tns_modules/rxjs/Subscriber.js:125:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	notifyNext@file:///app/tns_modules/rxjs/operator/mergeMap.js:133:34
	_next@file:///app/tns_modules/rxjs/InnerSubscriber.js:23:31
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/operator/map.js:83:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_complete@file:///app/tns_modules/rxjs/operator/reduce.js:105:34
	complete@file:///app/tns_modules/rxjs/Subscriber.js:114:27
	_complete@file:///app/tns_modules/rxjs/operator/mergeMap.js:125:38
	complete@file:///app/tns_modules/rxjs/Subscriber.js:114:27
	_subscribe@file:///app/tns_modules/rxjs/observable/ArrayObservable.js:116:32
	subscribe@file:///app/tns_modules/rxjs/Observable.js:56:37
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	_innerSub@file:///app/tns_modules/rxjs/operator/mergeMap.js:120:55
	_tryNext@file:///app/tns_modules/rxjs/operator/mergeMap.js:117:23
	_next@file:///app/tns_modules/rxjs/operator/mergeMap.js:100:26
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	notifyNext@file:///app/tns_modules/rxjs/operator/mergeMap.js:133:34
	_next@file:///app/tns_modules/rxjs/InnerSubscriber.js:23:31
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	notifyComplete@file:///app/tns_modules/rxjs/operator/every.js:47:30
	_complete@file:///app/tns_modules/rxjs/operator/every.js:64:28
	complete@file:///app/tns_modules/rxjs/Subscriber.js:114:27
	_complete@file:///app/tns_modules/rxjs/operator/mergeAll.js:94:38
	complete@file:///app/tns_modules/rxjs/Subscriber.js:114:27
	_complete@file:///app/tns_modules/rxjs/Subscriber.js:132:34
	complete@file:///app/tns_modules/rxjs/Subscriber.js:114:27
	_subscribe@file:///app/tns_modules/rxjs/observable/ArrayObservable.js:116:32
	subscribe@file:///app/tns_modules/rxjs/Observable.js:56:37
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	_innerSub@file:///app/tns_modules/rxjs/operator/mergeMap.js:120:55
	_tryNext@file:///app/tns_modules/rxjs/operator/mergeMap.js:117:23
	_next@file:///app/tns_modules/rxjs/operator/mergeMap.js:100:26
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/operator/map.js:83:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/operator/map.js:83:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/operator/map.js:83:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	notifyNext@file:///app/tns_modules/rxjs/operator/mergeMap.js:133:34
	_next@file:///app/tns_modules/rxjs/InnerSubscriber.js:23:31
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	subscribeToResult@file:///app/tns_modules/rxjs/util/subscribeToResult.js:16:29
	_innerSub@file:///app/tns_modules/rxjs/operator/mergeMap.js:120:55
	_tryNext@file:///app/tns_modules/rxjs/operator/mergeMap.js:117:23
	_next@file:///app/tns_modules/rxjs/operator/mergeMap.js:100:26
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/Subscriber.js:125:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/operator/map.js:83:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/Subscriber.js:125:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_emitFinal@file:///app/tns_modules/rxjs/operator/first.js:132:25
	_emit@file:///app/tns_modules/rxjs/operator/first.js:117:24
	_tryPredicate@file:///app/tns_modules/rxjs/operator/first.js:109:23
	_next@file:///app/tns_modules/rxjs/operator/first.js:93:31
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	notifyNext@file:///app/tns_modules/rxjs/OuterSubscriber.js:19:30
	_next@file:///app/tns_modules/rxjs/InnerSubscriber.js:23:31
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/Subscriber.js:125:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	notifyNext@file:///app/tns_modules/rxjs/operator/mergeMap.js:133:34
	_next@file:///app/tns_modules/rxjs/InnerSubscriber.js:23:31
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	subscribeToResult@file:///app/tns_modules/rxjs/util/subscribeToResult.js:16:29
	_innerSub@file:///app/tns_modules/rxjs/operator/mergeMap.js:120:55
	_tryNext@file:///app/tns_modules/rxjs/operator/mergeMap.js:117:23
	_next@file:///app/tns_modules/rxjs/operator/mergeMap.js:100:26
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_subscribe@file:///app/tns_modules/rxjs/observable/ScalarObservable.js:49:28
	subscribe@file:///app/tns_modules/rxjs/Observable.js:56:37
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	_next@file:///app/tns_modules/rxjs/operator/mergeAll.js:85:59
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_next@file:///app/tns_modules/rxjs/operator/map.js:83:30
	next@file:///app/tns_modules/rxjs/Subscriber.js:89:23
	_subscribe@file:///app/tns_modules/rxjs/observable/ArrayObservable.js:114:32
	subscribe@file:///app/tns_modules/rxjs/Observable.js:56:37
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	subscribe@file:///app/tns_modules/rxjs/Observable.js:53:26
	file:///app/tns_modules/rxjs/Observable.js:87:47
	ZoneAwarePromise@file:///app/tns_modules/nativescript-angular/zone.js/dist/zone-nativescript.js:465:37
	forEach@file:///app/tns_modules/rxjs/Observable.js:86:31
	file:///app/tns_modules/@angular/router/bundles/router.umd.js:2630:29
	ZoneAwarePromise@file:///app/tns_modules/nativescript-angular/zone.js/dist/zone-nativescript.js:465:37
	runNavigate@file:///app/tns_
CONSOLE ERROR file:///app/tns_modules/nativescript-angular/zone.js/dist/zone-nativescript.js:344:22: Error: Uncaught (in promise): Error: No provider for ViewUtils!

android apk error

An uncaught Exception occurred on "main" thread.
java.lang.RuntimeException: Unable to create application com.tns.NativeScriptApplication: com.tns.NativeScriptException: Application entry point file not found. Please specify the file in package.json otherwise make sure the file index.js or bootstrap.js exists.\nIf using typescript make sure your entry point file is transpiled to javascript.
at android.app.ActivityThread.handleBindApplication(ActivityThread.java)
at android.app.ActivityThread.access$1500(ActivityThread.java)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java)
at android.os.Handler.dispatchMessage(Handler.java)
at android.os.Looper.loop(Looper.java)
at android.app.ActivityThread.main(ActivityThread.java)
at java.lang.reflect.Method.invoke(Native Method)
at java.lang.reflect.Method.invoke(Method.java:372)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java)
Caused by: com.tns.NativeScriptException: Application entry point file not found. Please specify the file in package.json otherwise make sure the file index.js or bootstrap.js exists.\nIf using typescript make sure your entry point file is transpiled to javascript.
at com.tns.Module.bootstrapApp(Module.java:341)
at com.tns.Runtime.run(Runtime.java:573)
at com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:17)
at android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java)
... 10 more
Caused by: com.tns.NativeScriptException: Failed to find module: "./", relative to: app//
at com.tns.Module.resolvePathHelper(Module.java:159)
at com.tns.Module.bootstrapApp(Module.java:339)
... 13 more

remove large gapes between rows

am looking for a way to remove large gapes between rows
any ideas about this???

UX review

How to use ngFor inside a custom directive ? Anything to import while using ngFor ?

I am using *ngFor with StackLayout inside a custom directive like:

And I am getting this error:
Property binding ngForOf not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations".

I get the same error if i try to use *ngIf.

I have added the component in module file as well. I think I am missing something to import somewhere, not sure what it is.
Any help is appreciated.

Thank you.

Webpack bundling issue

When running npm run build-android-bundle we get the following error:

ERROR in Error encountered resolving symbol values statically. Calling function 'ɵmakeDecorator', function calls are not supported. Consider replacing the function or lambda with a reference to an exported function, resolving symbol Injectable in /Users/dennis/Desktop/nativescript-sdk-examples-ng/node_modules/nativescript-angular/node_modules/@angular/core/core.d.ts, resolving symbol ɵf in /Users/dennis/Desktop/nativescript-sdk-examples-ng/node_modules/nativescript-angular/node_modules/@angular/core/core.d.ts, resolving symbol ɵf in /Users/dennis/Desktop/nativescript-sdk-examples-ng/node_modules/nativescript-angular/node_modules/@angular/core/core.d.ts

ERROR in ./main.aot.ts
Module not found: Error: Can't resolve './app.module.ngfactory' in '/Users/dennis/Desktop/nativescript-sdk-examples-ng/app'
@ ./main.aot.ts 2:0-60

Modal page layout

Good afternoon, I would like to know if it is possible to do design, such as border radius so that the modal page is more user friendly.

Thanks

Please keep core cookbook module examples

@tjvantoll Has asked me to drop a line here reminding us to keep the core cookbook module docs for example, image-source, file-system, etc.

a non-Angular version

Is there a timeline on when we will see the non Angular examples?

Thank You,

Randy

Error in Typescript

i’m getting below error when i try to run native-script-sdk-examples-ng-master in ios emulator. Pls help me to resolve this error.

$ tns --version
2.4.2
$ tsc -version
Version 2.1.5
$ tns run ios
Executing before-prepare hook from /Users/xxxxx/Downloads/nativescript-sdk-examples-ng-master/hooks/before-prepare/nativescript-dev-typescript.js
Found peer TypeScript 2.1.5

49 declare var global: NodeJS.Global;
~

../node_modules/@types/node/index.d.ts(49,13): error TS2403: Subsequent variable declarations must have the same type. Variable 'global' must be of type 'any', but here has type 'Global'.

73 declare var require: NodeRequire;
~

../node_modules/@types/node/index.d.ts(73,13): error TS2403: Subsequent variable declarations must have the same type. Variable 'require' must be of type 'NativeScriptRequire', but here has type 'NodeRequire'.

85 declare var module: NodeModule;
~

../node_modules/@types/node/index.d.ts(85,13): error TS2403: Subsequent variable declarations must have the same type. Variable 'module' must be of type 'NativeScriptModule', but here has type 'NodeModule'.

3973 export = console;
~

../node_modules/@types/node/index.d.ts(3973,5): error TS2309: An export assignment cannot be used in a module with other exported elements.

TypeScript compiler failed with exit code 1
Sending exception report (press Ctrl+C to stop).....

Custom directive bug on android 7 real device

inspiration : mimicking react native sample app elements

Hi,

I think this react native sample app elements are quite attractive
https://github.com/react-native-community/React-Native-Elements

Can be a great source of inspiration for this {N} sample app

Example content-screens/content needs improvement for hiding ActionBar

https://github.com/NativeScript/nativescript-sdk-examples-ng/tree/master/app/common-screens-category/content-screens/content - glitch when hiding the ActionBar

Error while running tns run ios

error: could not read data from '/Users/zamamoha/Desktop/passion/nativescript-sdk-examples-ng/platforms/ios/nativescriptsdkexamplesng/nativescriptsdkexamplesng-Info.plist': The file “nativescriptsdkexamplesng-Info.plist” couldn’t be opened because there is no such file.

** BUILD FAILED **


The following build commands failed:
	ProcessInfoPlistFile build/emulator/nativescriptsdkexamplesng.app/Info.plist nativescriptsdkexamplesng/nativescriptsdkexamplesng-Info.plist
(1 failure)
Command xcodebuild failed with exit code 65

Problem making a simple fetch post

Hello I have been playing around with nativescript. The biggest issue I am having is making http calls.

All the sample code works great except when I change the url I am having issues.

            import { Component, ChangeDetectionStrategy} from '@angular/core';

            @Component({
            selector: 'home',
            templateUrl: 'modules/home/home.component.html',
            styleUrls:['modules/home/home.component.css'],
            changeDetection: ChangeDetectionStrategy.OnPush
            })

            export class HomeComponent {
            register(){
                fetch("http://myurl.com", {
                        method: 'post'
                    }).then(response => { 
                    
                        return response.json(); 

                    }).then(res => {
                        console.log("Response json:");
                        alert(JSON.stringify(res));                      
                    }).catch(err => {
                        console.log("Error occurred " + err.stack);
                    });
            }
          }

I am getting this error:

       V/GoogleSignatureVerifier(24051):    dxiLDmpHpDsz2WCbdxgxRczfey5YZnTJ4VZbH0xqWVW/8lGmPav5xVwnIiJS6HXk+BVKZF+JcWjA
        JS: Error occurred SyntaxError: Unexpected token N in JSON at position 0
        JS:     at parse (native)
        JS:     at ZoneDelegate.invoke (/data/data/org.nativescript.StFrancis/files/app/tns_modules/nativescript-angular/zone.js/dist/zone-na
        tivescript.js:190:28)
        JS:     at Object.onInvoke (/data/data/org.nativescript.StFrancis/files/app/tns_modules/@angular/core/bundles/core.umd.js:6206:41)
        JS:     at ZoneDelegate.invoke (/data/data/org.nativescript.StFrancis/files/app/tns_modules/nativescript-angular/zone.js/dist/zone-na
        tivescript.js:189:34)
        JS:     at Zone.run (/data/data/org.nativescript.StFrancis/files/app/tns_modules/nativescript-angular/zone.js/dist/zone-nativescript.
        js:83:43)
        JS:     at /data/data/org.nativescript.StFrancis/files/app/tns_modules/nativescript-angular/zone.js/dist/zone-nativescript.js:449:57
        JS:     at ZoneDelegate.invokeTask (/data/data/org.nativescript.StFrancis/files/app/tns_modules/nativescript-angular/zone.js/dist/zon
        e-nativescript.js:223:37)
        JS:     at Object.onInvokeTask (/data/data/org.nativescript.StFrancis/files/app/tns_modules/@angular/core/bundles/core.umd.js:6197:41
        )
        JS:     at ZoneDelegate.invokeTask (/data/data/org.nativescript.StFrancis/files/app/tns_modules/nativescript-angular/zone.js/dist/zon
        e-nativescript.js:222:42)
        JS:     at Zone.runTask (/data/data/org.nativescript.StFrancis/files/app/tns_modules/nativescript-angular/zone.js/dist/zone-nativescr
        ipt.js:123:47)

The interesting thing is that the rest api on the php page outputs this:

{"file_id":"1","table_name":"site","table_id_column_name":"site_id","table_id_value":"1","file_type":"jpg","file_path":"59b355cd7880f51ac76559a2416a4a45.jpg","original_file_name":"MP900442493","created_by_user_id":"30","datetime_created":"2016-01-05 23:40:14"}

However If I should simply echo out the result with out running the rest api, like this:

 echo '{"file_id":"1","table_name":"site","table_id_column_name":"site_id","table_id_value":"1","file_type":"jpg","file_path":"59b355cd7880f51ac76559a2416a4a45.jpg","original_file_name":"MP900442493","created_by_user_id":"30","datetime_created":"2016-01-05 23:40:14"}';

I do not get an error if i do the above. What am I to understand from this? That because there is a delay in the rest api when it does its query the {n} http call return nothing before the result is generated, but if a static result is on the page already it works fine. Is there a way around this?

Not able to run on iOS

hanged here

Readme.md includes wrong URL

https://github.com/NativeScript/nativescript-sdk-examples-preview/blob/master/sdk-examples.md returns a 404.

At line 95

HTTP Post not working

I am trying to post data to my database but nothing is happening. I got no messages in console.log() or errors.

signup.ts

import { Component, ViewChild, ElementRef } from "@angular/core";
import { TNSCheckBoxModule } from 'nativescript-checkbox/angular';
import { Color } from "color";

import { MyHttpPostService } from '../../service';

@Component({
    selector: "signup",
    styleUrls: ['./components/signup/signup.css'],
    templateUrl: "./components/signup/signup.html",
    providers: [MyHttpPostService]
})

export class SignupComponent {
    
    public nome: string;
    public sobrenome: string;
    public cel: string;
    public end: string;
    public num: string;
    public bairro_: string;
    public cidade_: string;
    public cep_: string;
    public senha_: string;
    public confirmar_: string;
    public termos_: string;

    constructor(private post: MyHttpPostService){
        
    }
    
    myCheckColor = new Color("#f68533");

    public checkedChange(modelRef) {
        if(modelRef.checked === true){
            console.log("checkedChange:", modelRef.checked);
        }else {
            console.log("é false:", modelRef.checked);
        }
    }
   
    public cadastrar(){

        console.log(this.nome);
        this.post.postData({
            name: this.nome,
            uname: this.sobrenome,
            celular: this.cel,
            endereco: this.end,
            numero: this.num,
            bairro: this.bairro_,
            cidade: this.cidade_,
            cep: this.cep_,
            senha: this.senha_,
            confirmar: this.confirmar_,
            termos: this.termos_
        }).subscribe(res => {
            let resposta = res.json.data.NAME;
            console.log("res: "+res);
            console.log("res json: "+res.json);
            console.log("res json data: "+res.json.data);
            console.log("resposta: " + resposta);
        },
        err => {
          console.log("ERROR!: ", err);
        });
    }

}

service.ts

import { Injectable } from "@angular/core";
import { Http, Headers, Response, RequestOptions } from "@angular/http";
import { Observable as RxObservable } from "rxjs/Observable";
import "rxjs/add/operator/map";

@Injectable()
export class MyHttpPostService {
    private serverUrl = "http://website.com/loginsystem/users/insert.php";

    constructor(private http: Http) { }

    postData(data: any) {
        let options = this.createRequestOptions();
        return this.http.post(this.serverUrl, { data }, options)
            .map(res => res.json());
    }

    private createRequestOptions() {
        let headers = new Headers();
        headers.append("Content-Type", "application/x-www-form-urlencoded");
        let options = new RequestOptions({ headers: headers });
        return options;
    }
}

app.module.ts

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core";
import { NativeScriptModule } from "nativescript-angular/nativescript.module";
import { NativeScriptFormsModule } from "nativescript-angular/forms";
import { AppRoutingModule } from "./app.routing";
import { AppComponent } from "./app.component";

import { TNSFontIconModule } from 'nativescript-ng2-fonticon';
import { TNSCheckBoxModule } from 'nativescript-checkbox/angular';

import { LoginComponent } from './components/login/login';
import { SignupComponent } from './components/signup/signup';

// Uncomment and add to NgModule imports if you need to use two-way binding
// import { NativeScriptFormsModule } from "nativescript-angular/forms";

// Uncomment and add to NgModule imports  if you need to use the HTTP wrapper
import { NativeScriptHttpModule } from "nativescript-angular/http";
import { MyHttpPostService } from './service';

@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        AppRoutingModule,
        TNSCheckBoxModule,
        TNSFontIconModule.forRoot({
            'mdi': 'material-design-icons.css'
        }),
        NativeScriptHttpModule,
        NativeScriptFormsModule        
    ],
    declarations: [
        AppComponent,
        LoginComponent,
        SignupComponent
    ],
    providers: [
        MyHttpPostService
    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
/*
Pass your application module to the bootstrapModule function located in main.ts to start your app
*/
export class AppModule { }

The Date Picker example needs context

See http://docs.nativescript.org/angular/sdk-examples/date-picker.html#configure-date-picker.

datePicker is never explained, so this example isn’t copy and pasteable. I’d love to see a markup example first, and then maybe a code example that explains this context.

TextField undefined

I am following the example but my console.log is returning undefined even after I type some value in TextField. What could be wrong here?

<StackLayout class="p-16">

            <Label text="Name"></Label>
            <TextField class="input input-border" hint="Enter Username" [(ngModel)]="name" editable="true"></TextField>

            <RL:Ripple rippleColor="#df6107">
                <Button text="Signup" (tap)="signup()"></Button>
            </RL:Ripple>

<StackLayout>

import { Component, ViewChild, ElementRef } from "@angular/core";
import { TNSCheckBoxModule } from 'nativescript-checkbox/angular';
import { Color } from "color";

import { MyHttpPostService } from '../../service';

@Component({
    selector: "signup",
    styleUrls: ['./components/signup/signup.css'],
    templateUrl: "./components/signup/signup.html",
    providers: [MyHttpPostService]
})

export class SignupComponent {
    
    public name: string;

    constructor(private post: MyHttpPostService){
        
    }

private signup(){
        console.log(this.name);
}

TypeError: Cannot read property 'LayoutParams' of undefined

Geny emulator Android API21
tns 2.3.0

Im trying to build a camera component in my app.

html

<StackLayout exampleTitle toggleNavButtonrm>
    <ScrollView>
        <!-- >> camera-module-html -->
        <FlexboxLayout flexDirection="column-reverse">
            <Image [src]="imageTaken" flexGrow="3" class="img-rounded"></Image>  
            <Button text="Take Photo" class="btn btn-primary btn-active" (tap)="onTakePhoto()" flexGrow="1"></Button>
            <Button text="Request permissions" class="btn btn-primary btn-active" (tap)="onRequestPermissions()" flexGrow="1"></Button>         
        </FlexboxLayout>
        <!-- << camera-module-html -->
    </ScrollView>
</StackLayout>

component.ts


import { Component } from "@angular/core";
import { ImageAsset } from "image-asset";
import * as camera from "nativescript-camera";

@Component({
    selector: 'using-camera-component',
    templateUrl: 'pages/createexpense/expense-photo.html'
})

export class ExpensePhotoComponent {
   
    public imageTaken: ImageAsset;
    public saveToGallery: boolean = true;
    public keepAspectRatio: boolean = true;
    public width: number = 300;
    public height: number = 300;

    onTakePhoto() {
        var options = { width: this.width, height: this.height, keepAspectRatio: this.keepAspectRatio,  saveToGallery: this.saveToGallery };
        camera.takePicture(options)
            .then(imageAsset => {
                this.imageTaken = imageAsset;
                console.log("Size: " + imageAsset.options.width + "x" + imageAsset.options.height);
            }).catch(err => {
                console.log(err.message);
            })
    }
    
    onRequestPermissions() {
        camera.requestPermissions();
    }
   

    onCheckForCamera() {
        var isCameraAvailable = camera.isAvailable();
        console.log("Is camera hardware available: " + isCameraAvailable);
    }

}

This is the log :

Just cloned: Runtime Error

Hi on ubuntu 16.04, for Android, with tns 3.3.1, just downloaded and executed with tns run android, then for each elements in list I get Error like this:

> JS: ERROR Error: Uncaught (in promise): EmptyError: no elements in sequence
> JS: Error: no elements in sequence
> JS:     at EmptyError.ZoneAwareError (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:993:33)
> JS:     at new EmptyError (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/util/EmptyError.js:27:34)
> JS:     at FirstSubscriber._complete (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/operators/first.js:154:31)
> JS:     at FirstSubscriber.Subscriber.complete (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/Subscriber.js:121:18)
> JS:     at MergeMapSubscriber._complete (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/operators/mergeMap.js:144:30)
> JS:     at MergeMapSubscriber.Subscriber.complete (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/Subscriber.js:121:18)
> JS:     at MapSubscriber.Subscriber._complete (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/Subscriber.js:139:26)
> JS:     at MapSubscriber.Subscriber.complete (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/Subscriber.js:121:18)
> JS:     at EmptyObservable._subscribe (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/observable/EmptyObservable.js:82:24)
> JS:     at EmptyObservable.Observable._trySubscribe (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/Observable.js:173:25)
> JS:     at EmptyObservable.Observable.subscribe (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/Observable.js:161:65)
> JS:     at MapOperator.call (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/operators/map.js:62:23)
> JS:     at Observable.subscribe (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/Observable.js:158:22)
> JS:     at MergeMapOperator.call (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/operators/mergeMap.js:93:23)
> JS:     at Observable.subscribe (file:///data/data/org.nativescript.nativescriptsdkexamplesng/files/app/tns_modules/rxjs/Observable.js:158:22)
>

Creating an image format with an unknown type is an error

[Generic] Creating an image format with an unknown type is an error
CONSOLE LOG file:///app/pages/camera/using-camera/using-camera.component.js:24:24: Size: 300x300
[GatekeeperXPC] Connection to assetsd was interrupted or assetsd died

ScrollView is not working for vertical

        <CardView class="cardStyle" margin="10" elevation="20" radius="1">
            <GridLayout rows="200,*" columns="*">
                <Image src="res://background" stretch="aspectFit"></Image>
                <StackLayout style="margin: 35px" row="1">
                    <Label class="h3 title" horizontalAlignment="left" [text]="'home.title' | translate" textWrap="true"></Label>
                    <Label class="p description" textWrap="true" row="1" [text]="'home.description' | translate"></Label>
                </StackLayout>
            </GridLayout>
        </CardView>

        <CardView class="cardStyle" margin="10" elevation="20" radius="1">
            <GridLayout rows="200,*" columns="*">
                <Image src="res://background" stretch="aspectFit"></Image>
                <StackLayout style="margin: 35px" row="1">
                    <Label class="h3 title" horizontalAlignment="left" [text]="'home.title' | translate" textWrap="true"></Label>
                    <Label class="p description" textWrap="true" row="1" [text]="'home.description' | translate"></Label>
                </StackLayout>
            </GridLayout>
        </CardView>
    </StackLayout>
</ScrollView>

Please help me as soon as possible

Slow loading time

Hi, I'm just testing this app out by cloning and running it on my device. The APK is 19.8 Mb and takes about 8 seconds to show the main view.

I tried running with --release flag and the APK is 19.7 Mb (0.1 Mb difference) and loading time does not improve.

Anything that I missed out?

Also, just some suggestion in the readme file.

git clone --depth 1 [email protected]:NativeScript/nativescript-sdk-examples-ng.git
should change to:
git clone --depth 1 https://github.com/NativeScript/nativescript-sdk-examples-ng.git

Google api handler error while adding geolocation plugin with google-map sdk

Google api handler error while adding geolocation plugin with google-map sdk .
i want to fetch the longitude and latitude with geolocation and sent it to google map api

Simple http request with SafeResourceUrl and DomSanitizer

I followed the simple example here https://github.com/NativeScript/nativescript-sdk-examples-ng/blob/master/app/http/http-post/http-post.ts and it worked fine in my test app. I then changed the url to my domain and got the experience I documented here in stackoverflow.com : http://stackoverflow.com/questions/40733796/nativescript-http-php-request. I was pointed to a direction to use SafeResourceUrl and DomSanitizer like this:

 import {SafeResourceUrl, DomSanitizer} from '@angular/platform-browser';

Native script implementation of angular does not have DomSanitizationService but DomSanitizer from my checks. All my attempts to use this.sanitizer.bypassSecurityTrustResourceUrl("url"); has failed. I just started to learn type script so its a bit difficult to wrap my head around some of the concepts as simple as it seems.
Can anyone assist. I just want to find away to get this.sanitizer.bypassSecurityTrustResourceUrl("url"); to be applied to the url on the post request.

Activity Indicator does not show overlay

Activity indicator occupies a portion of the page.
How can it be made an overlay on the page?

    <GridLayout sdkExampleTitle sdkToggleNavButton rows="auto, *">
        <Button row="0" class="btn btn-primary btn-active" text="Modify Busy property" (tap)="(activityIndicator.busy = !activityIndicator.busy)"></Button>
        <ActivityIndicator row="1" class="activity-indicator" width="100" height="100" #activityIndicator></ActivityIndicator>
    </GridLayout>`

while running ios an error occoured:Error: Command npm failed with exit code 243

Copying template files...
◠ Installing tns-iosInstalling tns-ios
◞ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◡ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◟ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◠ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◠ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◝ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◞ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◟ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◠ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠼ normalizeTree: sill install loadCur ◡ Installing tns-ios⸨░░░░░░░░░░░░░░░░░░⸩ ⠧ normalizeTree: sill install loadCur ◞ Installing tns-ios⸨ ░░░░░░░░░░░░░░░⸩ ⠴ cloneCurrentTree: sill cloneCurrent ◡ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◟ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◜ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◠ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◝ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◞ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◡ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◟ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◜ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◠ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◝ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◞ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◡ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◟ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◜ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◠ Installing tns-ios⸨ ░░░░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: sill install loa ◝ Installing tns-ios⸨ ░░░░░░░░░░░⸩ ⠴ loadRequestedDeps: verb afterAdd /U ◞ Installing tns-ios⸨ ░░░░░░░░⸩ ⠙ diffTrees: sill install generateAct ◟ Installing tns-ios⸨ ░░░░░░░⸩ ⠙ diffTrees: sill install [email protected] /Users/yanghaitao/Desktop/nativescript-sdk-examples-ng
└── [email protected]

Error: Command npm failed with exit code 243

run ios

┌──────────────────────────────┬───────────────────────────────────────────┐
│ Usage │ Synopsis │
│ Run on all connected devices │ $ tns run ios [--release] [--justlaunch] │
│ Run on a selected connected │ $ tns run ios [--device ] [- │
│ device │ -release] [--justlaunch] │
│ Start an emulator and run │ $ tns run ios --emulator [<Emulator │
│ the app inside it │ Options>] [--release] │
└──────────────────────────────┴───────────────────────────────────────────┘

Runs your project on a connected iOS device or in the iOS Simulator, if configured. This is shorthand for prepare, build and deploy. While your app is running, prints the output from the application in the console and watches for changes in your code. Once a change is detected, it synchronizes the change with all selected devices and restarts/refreshes the application.

IMPORTANT: Before building for iOS device, verify that you have configured a valid pair of certificate and provisioning profile on your OS X system.

Options

* --no-watch - If set, changes in your code will not be reflected during the execution of this command.
* --device - Specifies a connected device on which to run the app.
* --emulator - If set, runs the app in a native emulator for the target platform, if configured. When set, you can also set any other valid combination of emulator options as listed by $ tns help emulate ios. You cannot use --device and --emulator simultaneously.
* --release - If set, produces a release build. Otherwise, produces a debug build.
* --justlaunch - If set, does not print the application output in the console.
* --clean - If set, forces rebuilding the native application.

Attributes

* <Device ID> is the index or name of the target device as listed by $ tns device ios
* <Emulator Options> is any valid combination of options as listed by $ tns help emulate ios

how to change color of header of date-picker?

I want to change color of header and selected date circle of date picker from blue to orange.
Any one have any idea how to do it??

Time Picker Code Samples

The HTML and TypeScript code in documentation (http://docs.nativescript.org/angular/code-samples/ui/time-picker) are pointing to something different than Time Picker.

Please add examples for min and max time

Issue in use scrollView in tabView

Please check and give me some best way to solve this problem. I am using tabView and after multiple
gridview under scroll view. Before giving any answer me please check at your end.

Only one content is showing on device under scrollView. Please check and confirm me as issue will resolve.

webview canGoBack event is not working android & ios

How to handle the webview.CanGoBack() & goback() event in webview .
if (webview.canGoBack) { webview.goBack(); }

Please suggest on this event..

Closing modal dialog causes app to crash on older Android versions (API 17 or 19)

I am facing an issue with the modal dialog. When closing the dialog (ie. calling ModalDialogParams.closeCallback() (see modal-view.ts l.29), the app crashes. This happens in the application that I am developing for a custumor, as well as in the sdk-examples app.
I have not found any workarounds or solutions so far.

[Feature request] Add return Press event for the TextView component.

Hi,

I am trying to implement TexView and submit it by pressing return button. However instead of submitting cursor goes to new line and doesn't do anything else. I have tried all examples i could found online, i also install this examples app and noticed that it is the same behaviour.

I added alert() :

submit(args) {
        alert("Submit Text: " + this.tvtext);
        let textview: TextView = <TextView>args.object;
        if (isAndroid) {
            textview.android.clearFocus();
        }
    }

But nothing is alerted after return(Send) button is clicked. Does anyone have idea what could be wrong? Thank you in advance.

Horrible performance on real Android device

Hi,
I've run the app in Android & iOS emulators & real devices. Everything is fine except for the Android phone. The app is slow, sometimes unresponsive in every screen. The sample apps in Play Store run well (not as smoothly as in iOS though).

Here's the device info:

Model: Samsung Galaxy J Docomo SC-02F
RAM: 3GB
Chipset: Qualcomm MSM8974 Snapdragon 800
OS version: 4.4.2

I can't get any other Android device so I'm not sure if this problem is caused by the device or the code.

I wonder if there's any special configuration and/or command required to build the app? (I simply run tns run android)