在ionic 3中将标签文本的值从html传递到.ts？答案

【问题标题】：Pass value of label text from html to .ts in ionic 3?在ionic 3中将标签文本的值从html传递到.ts？
【发布时间】：2019-01-18 00:29:00
【问题描述】：

我是 ionic 新手，谁能告诉我如何将标签文本的值从 html 传递到 .ts 文件...我的代码是

        <div class="box" (click)="openChatBot()"></div>

<ion-label>LEADERSHIP</ion-label>

我必须在点击事件时将此文本“LEADERSHIP”从 html 传递到 .ts？请帮我提前致谢。

【问题讨论】：

为什么不使用变量，而不是静态文本？例如：内部控制器labelText = "LEADERSHIP"，然后是<ion-label>{{labelText}}</ion-label>
@OmurbekKadyrbekov 我没有得到你能解释一下吗？
你检查我的答案吗？如果是，请回复我...

标签： typescript ionic-framework ionic2 ionic3

【解决方案1】：

在.ts中声明变量

labelVariable ="LEADERSHIP";

openChatBot(){
  console.log(this.labelVariable); 
}

在.html

中

<div class="box" (click)="openChatBot()"></div>

<ion-label>{{labelVariable }}</ion-label>

【讨论】：

【解决方案2】：

你必须试试这个

在html 文件中

<ion-label [(ngModel)]="lable">LEADERSHIP</ion-label>

在ts 文件中

public lable:any;
console.log("---------Label---------"+lable);

希望对你有帮助

【讨论】：

我得到了这个---------Label---------undefined

【解决方案3】：

在TS文件中声明一个变量并赋值给它。

在 html 中，在双 {{ }} 之间放置相同的变量名

【讨论】：

【解决方案4】：

您可以在 .ts 文件中创建一个变量，然后在 .html 中使用它。

.ts

export class YourTsFile {

    // Our translated text strings
   yourLabelVariable: string;

    constructor(
        public user: User,

        etc...

    ) {
       this.yourLabelVariable = "Text you want to show";
      }
    }

然后在您的 .html 文件中..

<ion-label>{{ yourLabelVariable }}</ion-label>

【讨论】：

【解决方案5】：

html:

<ion-label id="label1">LEADERSHIP</ion-label>

ts：

var label = document.getElementById('label1').textContent;

【讨论】：