标签: nativescript

所以我的问题与如何将 CSS 渐变添加到 NativeScript 相关？

我目前有一个 .xml 文件和一个用于模拟可视化的 .js 文件。我现在只能在模拟器上显示一种标准颜色。有没有一种方法可以在 .css 文件本身中添加渐变，或者可以通过任何其他方式添加渐变，而不是将其硬编码到应用程序本身中，因为我正在使用的应用程序需要在不同页面上使用不同的渐变。

谢谢！

在我的 NativeScript 项目中，我试图用自定义对象（定义为接口）的实例填充 ListView。但是输出（在 android 模拟器上）很奇怪：我在多行中生成了“[object object ... object]”，而不是像我定义的那样获取每个实例名称内容。

这是我的 component.ts ：

import {Component} from "@angular/core";

interface FileItem {
    isDirectory:boolean;
    name:String;
}

@Component({
    moduleId: module.id,
    selector: 'file-explorer',
    templateUrl: 'component.html',
    styleUrls: ['component.css']
})
export class FileExplorerComponent {
    public fileItems:Array<FileItem>;

    constructor(){
        this.fileItems = [
            {isDirectory: false, name:'ex03.fen'},
            {isDirectory: true, name:'test06'},
            {isDirectory: true, name:'test01'},
            {isDirectory: false, name:'ex02.fen'},
            {isDirectory: true, name:'test05'},
            {isDirectory: true, name:'test02'},
            {isDirectory: false, name:'ex01.fen'},
            {isDirectory: false, name:'ex05.fen'},
            {isDirectory: false, name:'ex03.fen'},
            {isDirectory: true, name:'test04'},
            {isDirectory: true, name:'test03'},
            {isDirectory: false, name:'ex04.fen'},
        ]
    } …

我一直在尝试与角度与此安装NativeScript 教程在过去的两天,我一直运行到围绕在Android SDK无法正常安装的问题和冻结,并最终重新安装在尝试安装Android之前最新的JDK和JVE工作室.当我研究这个问题时,我想我找到了罪魁祸首:

当我运行Javac -version时,我不断获得JDK的旧版本,它声明:javac 1.6.0_45但是我有最新版本的Jdk 1.8.0_102.

我研究了这个问题,但只发现了复杂的解决方案,即可变路径或MAC解决方案.运行Javac -version时,如何更新JDK？

用户变量:路径

cmd> set PATH=%PATH%;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;%NVM_HOME%;%NVM_SYMLINK%

系统变量:路径

JAVA_HOME%/bin;C:\Python27\;C:\Python27\Scripts;C:\Ruby22-x64\bin;C:\ProgramData\Oracle\Java\javapath;C:\Program Files\Java\jdk1.6.0_45\bin;C:\Program Files (x86)\Beyond Compare 3;C:\Program Files (x86)\Brackets\command;C:\Program Files (x86)\QuickTime\QTSystem\;C:\Program Files (x86)\Windows Kits\8.1\Windows Performance Toolkit\;C:\Program Files\Microsoft SQL Server\130\Tools\Binn\;C:\Program Files\Git\cmd;C:\Program Files\dotnet\;C:\ProgramData\chocolatey\bin;C:\Program Files\Java\jdk1.8.0_102\bin;C:\Users\Godsnake\AppData\Local\Android\android-sdk\tools;C:\Users\Godsnake\AppData\Local\Android\android-sdk\platform-tools;%NVM_HOME%;%NVM_SYMLINK%;C:\Program Files\nodejs

注意:我在使用Windows路径时是一个完整的菜鸟,我对环境变量一无所知,但我发现我安装的某些应用程序的路径都出现在系统变量中: Python,Node,Ruby,AngularJS2,AndroidSDK ..据说如果有人能够对用户变量和系统变量之间的使用,最佳实践和差异进行一些指导,这将是一个额外的好处.请给我一些指示,比如我是一个完全的初学者,当涉及到弄乱路径时.谢谢!

我有这个代码

var MY_OBJ = {};
MY_OBJ.test = function(){}

我正在使用 Vscode，但未定义属性测试。我怎么让这只是一个警告。

如何在angular 1中实现类似element指令的组件？

这是我的代码，但是不起作用：

import {Component} from "@angular/core";

@Component({
    moduleId: "TestComponent",
    selector: "TestComponent",
    template: '<Label text="TEST COMPONENT" textWrap="true"></Label>'
})
export class TestComponentComponent {
    constructor() { }
}

@Component({
    selector: "my-app",
    template: `
    <StackLayout>
        <Label text="TEST"></Label>

        <TestComponent></TestComponent>
    </StackLayout>
    `
})
export class AppComponent {
    constructor() { }
}

我正在使用nativescript创建一个表单,我希望我的字段有像TextInputLayout一样的浮动提示,我发现这个插件nativescript-textinputlayout技术上完全符合我的要求,但问题是我使用我的应用程序使用了角度2,并且我似乎无法弄清楚如何使用角度为2的插件.有人可以帮忙吗？除了使用插件实现浮动提示之外,我还对其他解决方案持开放态度

我对 Nativescript 事件处理有点困惑。我正在使用明确分离代码隐藏和视图模型的打字稿，并且我试图将 itemTap 属性绑定到视图模型方法（就像在https://github.com/NativeScript/template-hello-world 中显示的示例中一样-ts/blob/master/main-view-model.ts）。

XML：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="navigatingTo" loaded="pageLoaded" class="page">
  <StackLayout>
    <ListView items="{{ items }}" itemTap="onItemTapped">
      <ListView.itemTemplate>
        <Label text="{{ Name }}"/>
      </ListView.itemTemplate>
    </ListView>
  </StackLayout>
</Page>

代码隐藏：

import { EventData } from 'data/observable';
import { Page } from 'ui/page';
import { EditItemViewModel } from '../../ViewModels/EditItemViewModel';

export function navigatingTo(args: EventData) {
    let page = <Page>args.object;
    page.bindingContext = new EditItemViewModel();
}

视图模型：

import { Observable } from 'data/observable';
import { ObjectRelationalMapper } from '../Common/Data'
import { WebServiceDataManager …

我如何将我的Tabview项停靠在屏幕的左侧，如下图所示？

这就是我当前的布局。

<TabView dock="left" tabsBackgroundColor="red" selectedIndex="1" selectedColor="#FF0000" iosIconRenderingMode="alwaysOriginal" sdkExampleTitle sdkToggleNavButton>
    <StackLayout tabsBackgroundColor="red" *tabItem="{ iconSource: 'res://ic_ham'}" >
    </StackLayout>
    <StackLayout *tabItem="{title: 'Home'}">
            <ns-home></ns-home>
    </StackLayout>
    <StackLayout *tabItem="{title: 'Bookings'}">
            <ns-booking></ns-booking>
    </StackLayout>
</TabView>

结果布局

在打字稿上使用push方法时，我遇到问题，详细信息在这里
这是我的保留模态组件代码：

guestArray=[1, 2, 3, 4, 5, 6];
guests: number;
isDateTime: boolean = false;

constructor(private params: ModalDialogParams,
    private page: Page) {

        if(params.context === "guest") {
            this.isDateTime = false;
        }
        else if(params.context === "date-time") {
            this.isDateTime = true;
        }
}

ngOnInit() {

    if (this.isDateTime) {
        let datePicker: DatePicker = <DatePicker>this.page.getViewById<DatePicker>('datePicker');

        let currentdate: Date = new Date();
        datePicker.year = currentdate.getFullYear();
        datePicker.month = currentdate.getMonth() + 1;
        datePicker.day = currentdate.getDate();
        datePicker.minDate = currentdate;
        datePicker.maxDate = new Date(2045, 4, 12);

        let timePicker: TimePicker = <TimePicker>this.page.getViewById<TimePicker>('timePicker'); …

所以我用这个功能来处理android后退按钮：

this._page.on(Page.loadedEvent, event => {
        if (application.android) {
            application.android.on(application.AndroidApplication.activityBackPressedEvent, (args:AndroidActivityBackPressedEventData) => {      
                args.cancel = true;
                this._ngZone.run(() => {
                this.router.navigate(['/parameters']);
                });
            });
        }
    })   

on different pages (angular components). So on page1.ts I have navigate(['/parameters]) and on page2.ts I have console.log("test"). Problem is wherever I am in the app, pressing back button always do navigate(['/parameters]), also the console.log if i'm on the right page, but it should do console.log only. It seems to be global, any idea how to override …