QA@IT

angular-fullstackでの詳細ページの作り方を教えてください

3290 PV

generator-angular-fullstackというのを知って勉強しているのですが、
localhost:9000/items/:idのようなページを作成するのに悩んでいます。

自分なりに考えて下記のように書いてみたのですが、
これでは存在しないidにもアクセスができるようになってしまいます。

/api/itemsには存在しないidの場合は、404ページや別ページにリダイレクトさせるには
どうしたらいいでしょうか?

また、angular-fullstackでcrudの機能を個別ページとして作る際に、
参考となるサイトがあれば教えてください。

// client/app/item/item.js

angular.module('itemApp')
  .config(function ($stateProvider) {
    $stateProvider
      .state('item', {
        url: '/items',
        templateUrl: 'app/item/item.html',
        controller: 'ItemCtrl'
      })
      .state('item.detail', {
        url: '^/items/{id}',
        views: {
          '@': {
            templateUrl: 'app/item/item.details.html',
            controller: 'ItemDetailsCtrl'
          }
        }
      });
  });

回答

自分が使っているルーティングライブラリのドキュメントを読んだり、その「ライブラリ名 + 404 + リダイレクト」などでネット検索してみると、解決のいとぐちになると思います。generator-angular-fullstack の使い方がわからない、では問題の切り出し方が大きすぎると思います。

編集 履歴 (0)
  • なんとかできました。ネットで検索する際にどういった検索ワードにするかわからなかったので、役に立ちました。ありがとうございます。 -
ウォッチ

この質問への回答やコメントをメールでお知らせします。