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

Posted 2023-03-13

【中文标题】在ionic 3中将标签文本的值从html传递到.ts？

【英文标题】：Pass value of label text from html to .ts in ionic 3?

【发布时间】：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 我没有得到你能解释一下吗？

你检查我的答案吗？如果是，请回复我...

【参考方案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;