如何从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>

如何通过Min文件设置其属性（例如Max日期，TS日期）？

Answer 1

如果我很好地遵循了您的问题，那么您想在TS组件的HTML组件中设置某些值。例如，您不是要说<ion-input [placeholder]="'This Place Holder'"></ion-input>，而是要用变量替换“此占位符”。

如果是这种情况： component.html <ion-input [placeholder]="myVariable"></ion-input>

，然后在您的component.ts中，在该类的全局范围内，在构造函数上方声明myVariable。确保将其设置为public 因此，您将获得以下内容： let myVariable: string = 'My PlaceHolder';

Answer 2

是的，您可以在此处设置属性

以ts

myDate：任意；

this.myDate =“此处的值”;