如何从 TS 文件中获取或设置离子组件的属性？

Question

我想知道如何 get 或 set 特定的属性或离子成分的属性来自 TypeScript 文件。

假设我的 HTML 页面上有一个输入组件：

<ion-item>  
    <ion-input type="text" [(ngModel)]="testText"></ion-input>
</ion-item>

如何获取或设置其特定属性，例如 max、min、placeholder 或使其成为 readonly 来自 TS 文件。我们可以从 ngModel 值访问属性吗？假设我的页面上有 Date 组件：

<ion-item>
    <ion-label>Date</ion-label>
    <ion-datetime  pickerFormat="MMMM YYYY" [(ngModel)]="myDate"></ion-datetime>
</ion-item>

如何从TS文件中设置它的属性（例如Min日期，Max日期）？

Answer 1

是的，你可以设置属性这里是它的例子

在 ts

我的日期：任何；

this.myDate = "value here";

Answer 2

如果我很好地理解了你的问题，你想在 TS 组件的 HTML 组件中设置某些值。例如，您不想说 <ion-input [placeholder]="'This Place Holder'"></ion-input> 而是想用变量替换 'This Place Holder'。

如果是这样的话： component.html <ion-input [placeholder]="myVariable"></ion-input>

并且在您的 component.ts 中，您将在 class 的全局范围内声明 myVariable，就在构造函数之上。确保将其设置为 public 那么你会得到类似的东西： let myVariable: string = 'My PlaceHolder';

How to get or set attributes of ionic-components from TS file?