Question

我不知道如何动态更改标签文本。当我点击第二个标签位置时，它会触发onIndexChanged(args)并在命令提示符下打印console.log("One" +"Test");。但它并没有改变文本。

first.page.html：

<ActionBar title="Dashboard" class="action-bar">

   <Label [text]="'times'" textWrap="true"></Label>

</ActionBar>

first.page.ts：

export class FirstPage {


  public times = "Ratings";

 ....
   public onIndexChanged(args) {

        let tabView = <TabView>args.object;

       if(tabView.selectedIndex == 1){

            console.log("One" +"Test");

             this.times  = "Ratings";

       }


    }


  }

Answer 1

HTML：

<ActionBar title="Dashboard" class="action-bar">
    <Label [text]="labelText" textWrap="true"></Label>
</ActionBar>
<StackLayout>
    <Button text="click me" (tap)="changeText()"></Button>
</StackLayout>

TS：

export class FirstPage {
    labelText: string = "Times";
    changeText() {
        this.labelText = "Ratings";
    }
}

这应该是诀窍，按钮只是在那里看到变化，你可以随心所欲地进行呼叫。

- 编辑 -

将<Label [text]="labelText" textWrap="true"></Label>与<Label text="{{ labelText }}" textWrap="true"></Label>

交换

如何更改nativescript angular2中的标签文本

1 个答案: