Tag: angular2-nativescript

Issue I started to develop a mobile app using nativescript, everything was going well until I realized I cant customize the style as I want. Just for example I cant set the border to a button like border-width: 1 0

Issue How do i implement a component like a element directive in angular 1? This is my code but it doesn’t work: import {Component} from “@angular/core”; @Component({ moduleId: “TestComponent”, selector: “TestComponent”, template: ‘<Label text=”TEST COMPONENT” textWrap=”true”></Label>’ }) export class TestComponentComponent

Issue This seems like a pretty simple case to me, but I’m obviously missing something. I have a Model to be bound to the View. I then load the Model with an Http call. Why doesn’t the View update? I

Issue I’m attempting to create a new template for creating new NativeScript apps with Angular 2, very much like https://github.com/NativeScript/template-hello-world-ng. Here’s the problem: for whatever reason after I create new apps with my template, I end up with two hooks

Issue To my understanding, Nativescript takes the javascript (or typescript) + nativescript code and creates project files for both android and ios in order to be able to run them as native apps. I also know that these files all

Issue When running tns debug ios –watch the Nativescript inspector is attached to the application, but when I am going to the Elements tab to see the structure of the application I am not getting anything. Or maybe should I

Issue I using angular 2 for my production project, but now I want to learn NativeScript for myself? Can anybody helps me with learning roadmap? Solution Coming from an Angular-2 development I guess that you will want to learn NativeScrpt

Issue I have a list, and I want to get the value of the list item. The view is as follows <ListView [items]=”myItems” (itemTap)=”onItemTap($event)”> <template let-item=”item” let-i=”index” let-odd=”odd” let-even=”even”> <StackLayout [class.odd]=”odd” [class.even]=”even”> <Label #myFoo id=”grocery-list” [text]='”Value is: ” + i’></Label>

Issue Currently I am developing {N} app using Angular 2, I want to place 4 rows with equal height in the entire screen For example, <GridLayout rows=”*,*,*,*”> <StackLayout row=”0″ backgroundColor=”blue”> <Label text=”row 0 “></Label> </StackLayout> <StackLayout row=”1″ backgroundColor=”red”> <Label text=”row

Issue I’m attempting to open a modal (component with view) and want it to have a close button on the action bar on the top. Is there anything i’m missing on my modal page view for the actionbar not to

Issue I’m attempting to open a modal (component with view) and want it to have a close button on the action bar on the top. Is there anything i’m missing on my modal page view for the actionbar not to

Issue I need to navigate from one page to another in nativescript(android). I tried in my tns.html <Button [nsRouterLink]=”[‘/grocery’, ‘list’]” class=”btn btn-primary btn-rounded-lg” text=”Back”></Button> routes.ts export const RootRoutes: Array<any> = [ { path: ”, component: RootComponent }, { path: ‘grocery/:type’,

Issue I want to upgrade my @angular dependencies in my package.json file. I guess the documentation http://docs.nativescript.org/releases/upgrade-instructions show some way to do it with : tns update. I upgraded my cli to 2.4 but upgrade doesnt work!! i called tns

Issue I am busy with an Angular2 Nativescript app which worked perfectly fine before but after moving a input field to another part of my view I get the below errors saying Unexpected closing tag “StackLayout”… Any idea what could

Issue How to replicate: tns create Something –ng cd Something now following this link https://docs.nativescript.org/angular/core-concepts/accessing-native-apis-with-javascript.html npm install tns-platform-declarations –save-dev replaced contents of tsconfig.json and reference.d.ts tns run iOS I’m getting file:///app/tns_modules/@angular/compiler/bundles/compiler.umd.js:18646:26: JS ERROR Error: Can’t resolve all parameters for ItemsComponent:

Issue I cannot make working binding with ListView and template. <ListView #userListView [items]=”usersViewList” (itemTap)=”onItemTap($event)”> <template let-user=”item” let-i=”index”> <GridLayout columns=”auto”> <Label [text]=”user.name” col=”0″></Label> </GridLayout> </template> </ListView> at cration time user.name is assigned properly, but later if I call. user.name = “other

Issue Is it possible to extend existing class in native script? By extending I mean it in C# terminology, e.g. not inherit, but ‘inject’ method to existing class and call that method on instance of original class. C# extension methods:

Issue can anyone please help me how to download remote image to mobile using nativescript android app? For example, <StackLayout> <Image [src]=”remoteImgUrl”></Image> <Label tap=”downloadImg({{remoteImgUrl}})” text=”Download”> </StackLayout> when user clicks on ‘Download’ I need to save that image in android device.

Issue I create a new test app > ng new TestApp Then I install the nativescript-ngx-magic > npm i @wwwalkerrun/nativescript-ngx-magic –save Then create a new app.component.tns.html <ActionBar title=”Magic!” icon=”” class=”action-bar”> </ActionBar> <StackLayout class=”p-20″> <Label text=”NativeScript is Neat.” class=”h1 text-center”></Label> </StackLayout>

Issue I’m using the plugin Nativescript Splashscreen to add a Splashscreen to my App. First time i added, it worked perfectly. So i decided to make some improvements. I added some Images to the App_resources and i changed some things

Issue Im new to native script and ive been to trying to test on device or emulator. thats what im getting. C:\Users\Muzi J\Documents\tns\HelloWorld>tns run android –device 4TE7N17106003969 Copying template files… – Installing tns-androidInstalling tns-android C:\Users\Muzi J\Documents\tns\HelloWorld `– tns-android@2.5.0 Exception: The

Issue I am trying to display a list of items in a ListView. I added a GridLayout to the template of the ListView and then I add the item name, quantity and a remove (font-awesome trash icon) to the three

Issue I am trying to create a border-radius and border-color around a StackLayout but for some reason the styles doesn’t get applied… I am using the Nativescript core-light theme, not sure if that can override my inline styles? Any idea

Issue I’ve cloned the following Github repo to bootstrap my NativeScript application. https://github.com/mgechev/angular-seed I now want to run to the following command to add a toast message plugin. tns plugin add nativescript-toast However, I get the following error when I

Issue I am trying to have .map sourceMap files generated when doing a Angular2/Nativescript build. I recently updated to Nativescript 2.5.1 and it doesn’t seem to generate .map files by default anymore. The last .map files I can see in

Issue I am half way migrating an ionic app to Nativescript. As I was Googling I found some articles and repos about lazily loading modules in {N}. e.g. https://github.com/sis0k0/lazyNinjas I am not really sure why to care for lazy loading

Issue Is it ok that livesync doesn’t automatically updates the app in emulator (Android)? I run the app with tns run android and it does submit the edits (angular templates + css), but I need to manually exit and open

Issue <StackLayout width=”100%” *ngFor=”let item of (videos$ | async)”> <CardView class=”studentCard” margin=”2″ elevation=”10″ radius=”1″> <GridLayout rows=”auto, auto, auto” columns=”auto, auto, *”> <Image [src]=”item.snippet.thumbnails.high.url” stretch=”aspectFill” colSpan=”3″ row=”0″></Image> <Label [text]=”item.snippet.channelTitle” textWrap=”true” row=”2″ colSpan=”1″ ></Label> <Label [text]=”item.snippet.title” textWrap=”true” row=”2″ col=”1″ colSpan=”2″ >></Label> </GridLayout>