>>56
「解決に至らない問題」というとちょっと違ってて、やりたい事は出来るんだけど、「もう少しシンプルで書きやすく、分かりやすい書き方はないか」と悩んでる。
今やってる事の目的と具体例を出すと、次の様な感じ。
【やりたい事とアプローチ】
コンポーネント間で画面遷移しても画面の状態が保持されるようにしたい。
そこでコンポーネントではなく、サービスにサイトの状態を保持させる。
【具体例】
『component』
・A.component.ts / html
・B.component.ts / html
『service』
・test.service.ts
public val: any = null; // Aの状態を保持するメンバー変数。
1)TestServiceをA、Bそれぞれのコンストラクタで読み込む。
2)Aのcomponent.tsでデータを取得し、serviceのvalに格納。
this.testService.val = result; // 中身は { res : "OK" }
3)Aのcomponent.html上でデータをバインディングで表示。
{{this.testService.val.res}}
4)AからBに画面遷移。
5)component.tsで、取得したデータをオブジェクトの一部に格納。
var result = { res : this.testService.val.res, num : 123 }
結論としては↑のやり方でAで取得したデータをBで参照する事には成功したが、次の問題が出て来た。
・TestServiceにもっと多くの変数があると、どの変数がどのページの状態を示すかが分からなくなる。
・VS Code だとhtml編集時にtsの補完が効かず、htmlのバインディングの構文
{{this.TestService.val.res}}
を書くのが面倒。
何かズラズラと書き上げてて、だんだん設計がよろしく無い気がしてきたわ。いっぺん設計を考え直してみるわ。
探検
Vue vs React vs Angular Part.2
■ このスレッドは過去ログ倉庫に格納されています
2019/03/13(水) 00:03:24.50ID:PAp5WAI8
■ このスレッドは過去ログ倉庫に格納されています
ニュース
- 【東京】赤坂サウナ火事2人死亡 サウナ室のドアノブ外れ閉じ込められた可能性 ★8 [nita★]
- 【制服】中高生の「制服代」が中1は約8000円、高1は約1万円上昇…授業料無償でも重い「教育費の家計負担」とどう向き合えばいい? [少考さん★]
- EU、エンジン車禁止見直しへ 35年以降も条件付き販売容認―日本勢に追い風 [蚤の市★]
- 「机の裏に変なものがくっついてる!」「ほんとだね(カメラ回収)」→6日後に男性教員(40)を逮捕「10年以上前から女児盗撮繰り返した」 [Hitzeschleier★]
- 所持金7円でラブホテルを利用(1人で)… さらに“ルームサービス”でエビグラタンを注文 無職の女(45)を逮捕 旭川市 [少考さん★]
- 【ドアノブ外れ】東京・赤坂の“個室サウナ店夫婦死亡火災” 非常用ボタンの電源が切れていた可能性 [nita★]
- 中国で毒ヘビ人気が沸騰。原因は『ズートピア2』➡ヤフウヨ民またまた発狂開始wwwww [305926466]
- リンガーハットの『野菜たっぷりちゃんぽん』、限界突破wwwwww【高市物価】 [153490809]
- 差別すんな←わかる 受け入れろ←無理
- 🏡👊😅👊なにここ珍百景👊😅👊🏡
- 檜山沙耶(おさや)「夫にダメ出しばかりされて、疲れちゃったな…😢」離婚危機か? [153490809]
- マスゴミ「パンダのために中国の言いなりになれ!」←こいつら日本から締め出すべき
