問題タブ [angular-activatedroute]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular リアクティブ formarray は最初の Index 値を null オブジェクトとして返します
私のAngularフォームでは、あるフォームから別のフォームに移動している間、formControlは特定の値をレンダリングできず、代わりに最後にアクセスしたフォームの値を表示しています。
例えば。私が訪れた場合product_id = 1
、そこには10, 11, 12 のformControl('productValue')
ような値があります。その時点で関連する値(45、89、63)を表示する必要がありますが、以前にアクセスした値、つまり10、11、12をレンダリングしますproduct_id = 2
product_id = 2
product_id = 1
getInventoryData()
メソッドを呼び出すコンポーネント
HTML フォームは次のとおりです。
PS: product_id = 1 にアクセスしました」と「product_id = 2 に移動」は、ルーター ナビゲーションを意味します。
angular - How can a service subscribe to the ParamMap of the current route?
I would like to create a service that subscribes to changes in Angular's paramMap. Unfortunately this doesn't seem to work.
Tthe subscription above only ever emits one value - when Angular first loads into the page. And that value is null
. The same subscription does when it's placed in the constructor of a component that's active in the page. presumably because the route has loaded and the ActivatedRoute
has been set.
I would have assumed that ActivatedRoute was a singleton service and that I could therefore subscribe to changes on it. Obviously that's not the case though so how can this service subscribe to the value of activatedRoute.ParamMap
?
javascript - Angular Test Jest - TypeError:未定義のプロパティ「queryParams」を読み取れません
他の投稿で同じエラーを見たことがありますが、うまくいきませんでした。
URL から queryParam を読み取る必要がある Angular コンポーネントがあります。たとえば、http://localhost:4200/sample-page?page=3
3 という数字をコンポーネントのローカル変数に格納したい場合などです。
この関数は別のファイルにあり、queryParam を取得するコンポーネントの ngOnInit に由来する activeRoute をパラメーターとして配置します。
このコードは完全に機能しますが、Jenkins パイプラインがnpx jest
テストを実行すると、次のメッセージが表示されます。
TypeError: Cannot read property 'queryParams' of undefined
私の仕様:
テストはcomp.ngOnInit();
機能に失敗します。
プライベート変数、パラメーターとして提供されるactiveRouteはありません。パブリックとプライベートで試しました。
StackOverflow と GitHub Issues の両方を見ると、この問題を修正できませんでした。
どうもありがとうございました!
javascript - 特定の動的ルートでAngularのコンポーネントを非表示にする
管理パネルにログインしているときに、ナビゲーション バーやフッターなどの特定のコンポーネントをメインのホームページから非表示にする必要があります。私の管理コンポーネントは、呼び出されたときに管理モジュールに基づいて遅延ロードされます。ルートが動的/admin/login
ではない場合、管理者ビューで必要なコンポーネントが期待どおりに非表示になります。 . 必要なコンポーネントで使用するルートの動的 ID を取得しています。以下は、メイン ページでアプリケーション ルートを読み取り、それに応じてコンポーネントを表示/非表示にするために使用している方法です。/admin/dashboard
/admin/category/:categoryId
/admin/user/:userId
ActivatedRoute
Main.ts
Main.html