Question

有没有办法在角色的html模板中引用self？我的意思是：

<p-calendar... (click)="self.someOtherMethod()"> ... </p-calendar>

目前我可以这样做：

<p-calendar... (click)="test(v)" #v>...</p-calendar>

test(v){
v.someOtherMethod();
}

p-calendar是Primeng的组成部分，但我要问的是一般的Angular内容。

Answer 1

我想你想要这个：

all10

Answer 2

P-Calendar具有ngModel属性。如果我理解正确，这应该是要走的路：

<p-calendar... [(ngModel)]="yourDateModel" (click)="someOtherMethod(yourDateModel)">
.... 
</p-calendar>

在您的组件中，您需要声明yourDateModel，如此：

yourDateModel: Date;

编辑：这有点偏离，但这是我用两个日历实现日期范围的方式:(也许我还是不明白？）

<强> HTML

<p-calendar placeholder="Date from..."
        [(ngModel)]="dateRange.from"
        [maxDate]="dateRange.to"></p-calendar>
<p-calendar placeholder="Date to..."
        [(ngModel)]="dateRange.to"
        [minDate]="dateRange.from"></p-calendar>

<强> COMPONENT

dateRange: DateRange;

Angular4引用html元素而不使用模板变量

2 个答案: