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
参考

■ルーティング

広告

 - プログラミング

  関連記事

CSVをMySQLへ取り込み&改行コードについて

■背景 今回、Mac端末を使って、csvファイルからMySqlのテーブルにデータ …

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

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

no image
Double型結果誤差

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

Swift1.1→1.2のキャスト時の注意 AS

2015年4月にiOS 8.3が発表され,iPhoneアプリ開発ツールであるXc …

エラーじゃないのにコンパイルエラーになってしまう

swiftは、基本的に自動コンパイルされて、コンパイルエラーが出る仕組みになって …

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

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

ng−click2回

芸人で言ったらただの一発芸です。 AngularJSを利用して、一つのclick …

no image
ボタンへのアクションの設定方法

ボタンの設定してアクションをつけ加える時は、 button.addTarget( …

AWSのSNS準備 BFTaskでエラー

AWSのSNS準備のため、アプリ側のAppDelegateにQiitaで多数アッ …

swift UITableViewControrlarかUIViewControlarか

普通はUIViewController, UITableViewDataSour …