2016-05-07 13 views
1

プロパティを取得して、positionという名前のプロパティを取得しました。私は位置がパーセント(%)で格納された変数positionInPercに保存された位置を持っていて、デフォルトのデフォルト値を持っています。ポジションでは、divの位置を意味します。 get positionpositionInPercから値を取り、位置をパーセントからピクセルに変換して返します。 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でサポートされていますか?もしそうでなければ、私はこれを達成できる他の方法はありますか?

ご迷惑をおかけして申し訳ございません。 ありがとう

+0

「this.Helper.convertFromPercToPx」のポストコードと、「要素をドラッグしてdivの位置を変更しています」という意味はどうですか? –

+0

@PardeepJain divはドラッグ可能であり、ドラッグすると位置が変わることを意味します。 divをドラッグすると自動的に新しいトップポジションが自動的に設定されます。 –

+0

Pardeepの発言は、** set position **がどこに呼び出されるかわかりません。より多くのコードを投稿するか、より良いプランナーを作成する必要があります。 – tibbus

答えて

関連する問題