nativescript-angular | 易学教程

How to handle a missing plugin in NativeScript preview app

阅读更多关于 How to handle a missing plugin in NativeScript preview app

问题 I've built a basic layout app with NativeScript & Angular and am trying to preview it on my android device. when running tns preview I get a message saying that Plugin nativescript-ng-shadow is not included in preview app on device {{Guid}} and will not work. is there a way to include this plugin on the preview app, or does that mean that that i cannot preview this app? 回答1: There are some limitations of what changes and applications are supported by Playground. The Preview app comes with a

How to enable access of firestore data to my nativescript app only?

阅读更多关于 How to enable access of firestore data to my nativescript app only?

问题 I am developing android/ios app using Nativesript + angular. I want to display a ListView in my app. For that ListView , I want to use firestore database product by Firebase as Backend data provider. What I want: 1. I don't want users to login or to be authenticated to use the app. 2. I want the data coming from firebase database can only be used by my app. If some other apps or anonymous utilizes the data, is there any way I can block them? I have tried putting rules like service cloud

Using twilio-chat with NativeScript and Angular

阅读更多关于 Using twilio-chat with NativeScript and Angular

问题 I have the folowing chat service: import { Injectable, EventEmitter } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs'; import * as Twilio from 'twilio-chat'; import Client from 'twilio-chat'; import { Channel } from 'twilio-chat/lib/channel'; @Injectable({ providedIn: 'root' }) export class ChatService { chatClient: Client; currentChannel: Channel; chatConnectedEmitter: EventEmitter<any> = new EventEmitter<any>();

How we can hide or show RadDataForm fields dynamically in Typescript?

阅读更多关于 How we can hide or show RadDataForm fields dynamically in Typescript?

问题 I am working on Nativescript+angular application and using RadDataForm. Here is my example code. <RadDataForm (propertyValidate)="onPropertyValidate($event)" row="0" tkExampleTitle tkToggleNavButton #myDataForm [source]="person" [metadata]="personMetadata"></RadDataForm> I am creating the form with "Json" file. { "isReadOnly": false, "commitMode": "Immediate", "validationMode": "Immediate", "propertyAnnotations": [ { "name": "insurance_name", "displayName": "Insurance Name", "index": 0,

How to setup NativeScript Angular with Karma, karma-typescript, Jasmine, Mocha, Chai

阅读更多关于 How to setup NativeScript Angular with Karma, karma-typescript, Jasmine, Mocha, Chai

问题 I'm trying to configure karma.config.js to run with NativeScript Angular project following the official doc: https://docs.nativescript.org/angular/tooling/testing The problem is the tests always failed and always running node_modules/ and platforms/ too but I mentioned them in excludeFiles property. I created a github repo to reproduce it I'm using a separated branches to reproduce it with jasmine and mocha https://github.com/francisrod01/native-script-angular2-karma-demo Scenario 1: karma

Nativescript RadDataForm MultilineText not working on Android

阅读更多关于 Nativescript RadDataForm MultilineText not working on Android

问题 I am using RadDataForm in my Nativescript Angular project and when I try to use "MultilineText" it doesn't work on Android, it just appears as a normal "Text" box. I am not able to enter multiple lines. Works fine on iOS. add-store.model.ts export class AddStore { public name: string; public description: string; constructor(name: string, description: string,) { this.name = name; this.description = description; } } add-store-metadata-validation.json { "isReadOnly": false, "commitMode":

Transparent tabbar and actionbar using angular nativescript for android and ios

阅读更多关于 Transparent tabbar and actionbar using angular nativescript for android and ios

问题 I want to make the tab bar transparent and actionbar transparent over a swipelayout or page. The action or tab bar must sit on top of the page like in two layers I have tried using css to make transparent but its doesnt become transparent over the page. <ActionBar title="Name" backgroundColor="#00000000"></ActionBar> <TabView androidTabsPosition="bottom" selectedTabTextColor="white"> <page-router-outlet *tabItem="{iconSource: getIconSource('test')}" name="homeTab"> </page-router-outlet> <page

Nativescript add tab into TabView dynamically - content disappears

阅读更多关于 Nativescript add tab into TabView dynamically - content disappears

问题 I asked two days ago question about ListView but now I find out the core problem wasn't about listview but the problem was in TabView. On the start when It was created tabs everything looks fine but when I Tap on button which add another tab it doesn't work correctly. Tab is added (on the end) and selected index of tabs is 2 but content of previous tab (tab index 1) disappears. But when I go to last tab (index 3) and back to tab (index 1) content is there. Here is the code snippet where you

Expected 2 arguments, but got 1.ts(2554) core.d.ts(8064, 47): An argument for 'opts' was not provided

阅读更多关于 Expected 2 arguments, but got 1.ts(2554) core.d.ts(8064, 47): An argument for 'opts' was not provided

问题 Error Expected 2 arguments, but got 1.ts(2554) core.d.ts(8064, 47): An argument for 'opts' was not provided. Code is from NativeScript Marketplace https://play.nativescript.org/?template=play-ng&id=Hqp5UQ&v=3073 I've brought the code over verbatim and I"m getting the errors in my export class on @ViewChild("password") password: ElementRef; @ViewChild("confirmPassword") confirmPassword: ElementRef; Does anyone know how to resolve this? import { Component, ElementRef, ViewChild } from "@angular

Angular Workspace with two Angular + Nativescript Code sharing Project + Library

阅读更多关于 Angular Workspace with two Angular + Nativescript Code sharing Project + Library