1

そこで私は、上にスライドするアクション用の非表示パネルを持つフッターを作成する最善の方法を見つけようと、何度も何度も試行錯誤してきました。このサイトは基本的なもので、ヘッダー、コンテンツ領域、フッターがあります。これを少し簡単に説明するために、簡単なワイヤーフレームを作成しました。

レイアウト

Secondary actions panel理想的には、コンテンツ パネルは投稿のようなものです。クリックすると、コンテンツ パネルのデータが事前に入力された編集フォームで開きたいと思います。がクリックされた場合、空白の新しい投稿フォームを追加しIconて同じようにポップしたいと思います。Secondary actions panel私がこれに苦労しているのは、これを行う方法の慣例と、AngularJS を介した最善の方法です。セカンダリ アクション パネルとフッターは 内にラップされますFooterControllerが、コンテンツ パネルは別のコントローラー内にラップされます。ディレクティブとサービスのどちらを使用する必要があるかわかりません。

私は現在利用してangular-ui-routerいますが、これは発生する必要がある UI イベントを管理していません。

どんなアドバイスでも大歓迎です。私はAngularJSをよく知っているので、AngularJSで物事を行う正しい方法を学ぼうとしています.

ありがとう！

4

1 に答える 1

0

セカンダリ パネルには、フッター内にとどまるのではなく、独自の ui ビュー (独自のコントローラーを使用) が必要だと思います。

どの項目がクリックされたかを知るために、ui-router 状態を通過できます。

コントロール パネルの投稿 ID が 1234 であるとします。ui-sref="stateName({postId: post.id})"

そして、ui-router のこの状態は、起動するコントローラー/テンプレートを指定し、そのコントローラー内で ID を取得できます。$stateParams.postId

その後、投稿 ID を使用して、投稿をリモートで、または以前に保存した場合はサービスから取得できます。

于 2015-07-23T07:03:48.037 に答える