テンプレート変数を使用しないAngular4リファレンスhtml要素

Question

htmlテンプレートでselfを参照する方法はありますか？私はこのような操作を行うことができます現時点で

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

：私のような何かを意味

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

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

P-カレンダーはPrimengからのコンポーネントですが、私が尋ねると、一般的な角度のものです。

Answer 1

私はあなたがこのほしいと思う：

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

Answer 2

PカレンダーにはngModelプロパティがあります。私が正しくあなたを理解していれば、これは移動するための方法のようになります。

yourDateModel: Date; 

EDIT：あなたのコンポーネントで

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

、あなたはyourDateModelそうのように宣言する必要があります。これは、オフに漂流さここで少し、しかし、私は2つのカレンダーで日付の範囲を実装する方法である：（？たぶん私はまだ正しく理解していない）

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;