51ch @Nippon

こちらは高橋晃一の自己マンサイトです。万が一興味があればどうぞ。メッセージはお気軽に。

*

【AngularJS】user別に紐づく値を取得

   

広告

ユーザーごとに表示する値を変更する場合のメモ。
例えば、ユーザーが保持しているポイントを表示してみる。
フロントのみの実装を行う。
なお、ユーザーの認証周りはできている前提で今回は触れない。

■view
ログインしたらポイントが表示されていて、それを押下したらポイント一覧にリンクされるイメージ。

・ng-if=”session.user.signedIn”
で、ログインされているときのみ対象となる。sessionとかは、DeviceAuthなどを使い別途定義しています。
・ng-controller=”PointsCtrl as ptc”
で、コントローラーを呼び出し。
(Angular2からng−controllerが使えなくなるらしい、、、)
・ui-sref=”app.point.index”
で、押下されたときの処理。app.jsにルーティングを記載。
・{{ptc.point.myPoint}}
PointsCtrlで定義しているpointの属性であるmyPointを取得。

■controller

・$rootScope
すべてのスコープの親に当たるルートで、すべてのスコープは$rootScopeを継承する。グローバル変数的に利用できる。
・point.myPoints($rootScope.user.id)[0]
サービス名pointで定義したmyPointsより引数user.idで取得。
必ず配列で帰ってきてしまうので[0]で先頭を指定。配列の中身は1件なんだけどね。
なんか無駄だよね。

広告


■service

・var pointOfUser =
実際の実装では、APIで取得してくる箇所であるが今回はダミーデータ。
・return filterFilter(pointOfUser,{userId: id});
絞り込み。pointOfUserの配列データから、userIdが合致する値を取得してリターン。
配列の中身を検索するfilterFilter
参考

■ルーティング

広告

 - プログラミング

  関連記事

Stinger smart.cssが表示されない 犯人はイニシャルP.Jだ!

51chはWordPressで、もはや猫も杓子ものStinger3をテーマに使わ …

AngularJS×BootstrapでModal作成 Angularバージョン注意!

<Situation> よくwebサイトで見かけるモーダルを UiBootstr …

iPhoneアプリリリース時の注意

iPhoneアプリリリース時に私が引っかかったのは、Archiveを取る時です。 …

swift2.0でAWSのSNSを作ってみる

SNSからプッシュ通知を受け取るためのアプリ側での記述方法がswift2.0にな …

railsでオブジェクトをnewできないエラー

<事象> rails consoleから単純にnewしたら以下のエラーが表示され …

swift UITableViewControrlarかUIViewControlarか

普通はUIViewController, UITableViewDataSour …

no image
Double型結果誤差

Double型では大きな数値や少数の計算をすると計算結果に誤差が生じます。 これ …

EXC_BAD_INSTRUCTIONの発生回避

このエラーは、メモリが関係している記事がいくつか見つかった。 http://to …

文字列の先頭、末尾を条件に使う

スポンサードリンク 「hasPrefix」を使うと文頭に含まれているかどうかをチ …

バックグラウンドで音楽を再生したい

こちらを知りたいと思う時は、きっと既に音楽は流せれるようになったけど、 アプリを …