Angular2/Nativescript：如何添加 activity 指标并将其绑定到控制器中的变量

Question

我正忙于 Angular2/Nativescript 应用程序并努力显示 activity 指示器...当我运行以下代码时我没有看到任何指示器...知道我做错了什么吗？

我的xml:

<StackLayout *ngIf="busy">
    <ActivityIndicator busy="busy"></ActivityIndicator>
</StackLayout>

我的打字稿：

busy: boolean = true;

所以我理解正确吗？是否可以将 activity 指标绑定到我的控制器中的布尔变量？

Answer 1

您没有为您的 busy 属性使用任何绑定。更改您的代码，使您的属性具有 one-way 绑定

ActivityIndicator [busy]="busy"></ActivityIndicator>

完整示例如下：

app.component.html

<StackLayout>
    <Button text="Toggle Busy property" (tap)="toogleIndicator()"></Button>
    <ActivityIndicator #activityIndicator width="100" height="100" [busy]="busy" ></ActivityIndicator>
</StackLayout>

app.component.ts

import { Component, ViewChild, ElementRef, OnInit } from "@angular/core";
import { ActivityIndicator } from "ui/activity-indicator";

@Component({
    moduleId: module.id,
    templateUrl: "./setting-busy.component.html"
})
export class AppComponent implements OnInit {
    public activityIndicator: ActivityIndicator;
    public busy: boolean;

    @ViewChild("activityIndicator") ac: ElementRef;

    ngOnInit() {
        this.activityIndicator = this.ac.nativeElement;
        this.busy = true;
    }

    public toogleIndicator() {
        this.activityIndicator.busy = !this.activityIndicator.busy;
    }
}

Angular2/Nativescript：如何添加 activity 指标并将其绑定到控制器中的变量

Angular2/Nativescript: How to add an activity indicator and bind it to a variable in controller

nativescript

angular2-nativescript

angular