タグ

ui-routerに関するre_guzyのブックマーク (2)

  • AngularUI Routerの使い方 - Qiita

    まえおき AngularUI RouterはAngularJS用のルーティングモジュールで、標準のngRouteより高機能。 詳しくはAngularUI Routerの使い方 - ばかおもちゃ店にも書いた。 実働サンプルもあるよ!(宣伝) ngRouteより高機能な部分。 以下のようなことがngRouteより高機能。 複数の部分にviewを表示できる URLではなくて階層化したstateで表示状態を管理する stateに結び付けられるURLは正規表現で指定できる ui-srefでURL構造に依存しないでリンクを貼れる(URL変更時とかに何もしなくていい) サンプル angular.module('app',['ui.router','ListCtrl'], function($stateProvider,$urlRouterProvider){ $urlRouterProvider.ot

    AngularUI Routerの使い方 - Qiita
  • ui-routerを使って入れ子のビューをフレキシブルに構築 - Qiita

    AngularJSでは$routeとng-viewディレクティブが結びついていて、ルートに応じて指定したtemplateがng-view内にincludeされる仕組みになっています。しかし、ng-viewを複数置いてそれぞれに別のテンプレートを表示させる、といった複雑な事はできません。ある表示領域の下に別の表示領域を置きたい...事は頻繁にあるので結構困る。 こういった事は、ルーティングフレームワークui-routerを使うと簡単に実現できます https://github.com/angular-ui/ui-router ui-routerを使うと、各々の状態(state)に「名前をつける」「入れ子にする」「並列に表示させる」 事ができ、インターフェースを格段に柔軟に扱うことができます。開発も非常に活発。 ありがちなwebサービスの画面を例として、ネストされたビューの構築手順を紹介します

    ui-routerを使って入れ子のビューをフレキシブルに構築 - Qiita
  • 1