AngularJS ui-routerを使って認証機能を実装してみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさま、GWは満喫できたでしょうか？ こんにちは、フロントエンドエンジニアの稲葉です。 今回はAngularJSでui-routerを使って簡単に認証機能を実装したサンプルをご紹介したいと思います。 実際の動作はDEMOで確認することができます。（モックなのでEメールとパスワードはなにかしら文字が入力されていれば通ります） デモのソースコードはこちらに置いています。 ui-routerとは angular-ui/ui-router · GitHub： https://github.com/angular-ui/ui-router ui-routerはAngularJS用のルーティングモジュールです。 viewの入れ子をサポートするなど高機能で扱いやすいので、標準のngRouteよりui-routerを使っている人の方が多いのではないかという気がします。 ルーティングの準備 まずはログイン
AngularJS でログインのフローを作る - Qiita
AngularJS で、よくあるログインのようなフローを作ってみました。 未ログインならログインページを表示する 他の任意のURLはログインページへリダイレクトする ログイン済みでログインページを表示しようとしたときはトップページにリダイレクトする ナビゲーションの表示をログイン状態に応じて変化させる index.html 最低限の見た目のために Bootstrap を使っていますが、Bootstrap の CSS で !important な display:block が指定されているところがあり、ngCloak や ngShow が効かなくなることがあったのでそれらを上書きするための CSS を html 文中に書いています。 <!doctype html> <html ng-app="App"> <head> <meta charset="utf-8"> <title>Angula
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
