ホームページ  >  記事  >  ウェブフロントエンド  >  angular4.0ルーティングでパラメータを取得する最良の方法

angular4.0ルーティングでパラメータを取得する最良の方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-11 14:16:562984ブラウズ

今回は、angular4.0ルーティングでパラメータを渡したり取得したりするための最適な解決策と、angular4.0ルーティングでパラメータを渡したり取得したりするときに注意すべき注意事項について説明します。実際のケースを見てみましょう。

ng4 の公式 Web サイトを調べた後、ついに希望の方法を見つけました。私が望む結果は、送信に「&」スプライシング パラメータを使用することです。これは読み取りに最適です。

そうしないと、「/」スプライスが多数存在し、パラメータとコンポーネント名が混同されやすくなります。

通常、ページジャンプ転送パラメータは次の形式です:

http://angular.io/api?uid=1&username=moon

ただし、SPA シングルページ アプリケーションでは、ほとんどの結果は次のとおりです [初歩的な

ビデオ はすべてとてもおざなりです]

http://angular.io/api/1/moon

それでは、どうすれば私が述べた結果を達成できるのでしょうか?

集中が始まります。

商品ページから商品詳細ページへのジャンプを実現します。

ステップ1: app-routing.module.tsでルーティングを構成します。 りー

step2: product.ts にジャンプを記述し、パラメータを渡します。 りー

ステップ3: product-detail.tsで渡されたパラメータproductIdとtitleを取得します

const routes: Routes = [
{
 path: 'product',
 component: ProductComponent,
 },
 {
 path: 'product-detail',
 component: ProductDetailComponent,
 }
];
わかりました、それは完璧な解決策です。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

IView で on-change 属性を使用する方法

vue プロジェクトで Sass 構成を使用する方法

以上がangular4.0ルーティングでパラメータを取得する最良の方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。