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

■ルーティング

広告

 - プログラミング

  関連記事

no image
無料配布のFacebookやTwitterのソーシャルロゴアイコン素材まとめ23選|LIG INC.

アプリにソーシャルボタンを設置するときに、デザインがなく困っていたところ、 こち …

AngularJSでの構成を考えてみる

AngularJS使って、基本的な動かし方は、山田の本でわかったけど、 実際にw …

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

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

エラーSIGABRTのとき

エラーとしてはSIGABRTが出ちゃうパターン。 ログを見ると、 「this c …

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

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

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

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

ng−click2回

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

携帯からのWordPressが便利でいいーね

 私はiPhoneからWordPressの、アプリ経由で投稿してますが、PC …

URLの埋め込み&日本語検索(エンコード)

単純に、アプリ内にURLを埋め込んで、ボタンを押したらリンク先に飛べるようにした …

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

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