プロパティを取得して、position
という名前のプロパティを取得しました。私は位置がパーセント(%)で格納された変数positionInPerc
に保存された位置を持っていて、デフォルトのデフォルト値を持っています。ポジションでは、divの位置を意味します。 get position
はpositionInPerc
から値を取り、位置をパーセントからピクセルに変換して返します。 set position
はピクセルで値を取り、それを%に変換し、値を変数positionInPerc
に設定します。getとsetプロパティをAngular 2にバインドします
コード:コンポーネントで
-
private positionInPerc:number;
public get position() : number {
return this.Helper.convertFromPercToPx(this.positionInPerc);
}
public set position(value){
var converted = this.Helper.convertFromPxToPerc(value);
this.positionInPerc = converted;
}
とHTMLで -
<div [style.top.px]="position"> Hello </div>
問題がget position
が最初に呼ばれていることです。しかし、divの位置が変更されたときにsetは呼び出されません。 divをドラッグするとdivの位置が変わります。 Angular 2でサポートされていますか?もしそうでなければ、私はこれを達成できる他の方法はありますか?
ご迷惑をおかけして申し訳ございません。 ありがとう
「this.Helper.convertFromPercToPx」のポストコードと、「要素をドラッグしてdivの位置を変更しています」という意味はどうですか? –
@PardeepJain divはドラッグ可能であり、ドラッグすると位置が変わることを意味します。 divをドラッグすると自動的に新しいトップポジションが自動的に設定されます。 –
Pardeepの発言は、** set position **がどこに呼び出されるかわかりません。より多くのコードを投稿するか、より良いプランナーを作成する必要があります。 – tibbus