https://angular.io/guide/routerの
const appRoutes: Routes = [
{ path: 'crisis-center', component: CrisisListComponent },
{ path: 'hero/:id', component: HeroDetailComponent }, ←ここ!!
{
path: 'heroes',
idにより表示データを変更してます。
ここ→https://stackblitz.com/angular/qlxeapqdekqでサンプルが動かせます
実装したいところは、上部のHeroesボタンから、各ヒーローを押したときにNo毎のデータが表示されます。
追記
記事では例えば画像を貼ったり貼らなかったりtableを埋め込んだり簡単に言うとコンポーネントにHTMLを渡してその中に表示してもらいたい
idなどからDBにHTMLテキストを取得する関数を作成し、それをinnerHTMLで書き込む手もありますね。
画像のURLなどは絶対パスの方が安全な気がします。
// hogehoge.html
<div [innerHTML]='get記事()'></div>
そもそもAngularでブログを作るという目的自体が用途にあっていないのでしょうか?
ここは私的な意見が強いので
現状で言うとAngularで作らずWordpressを使えばいいのでは?となりますが、Angularで作られたブログシステムがあっても別に良いのではないかと(Wordpress一強は面白くないですし)
SSR(server side rendering)をしない前提で言えばAngularはどのようなシステムに向いてるかといえば滞在時間が長いサイトや業務系などでしょうか具体的には
- SNS(新しい記事がリアルタイムに受信できたり)
- ツール系
- 社内システム
逆にブログは滞在時間は短いですし、トップページから訪問する可能性よりlinkにより記事に直接行く場合もあるのでSPAは不利かもしれません。
Angularの仕様上、先にロジックを読む必要がありますしrouterのURLを直接ブラウザに打っても404エラーで表示されません。(開発環境では表示してくれるのに><)
さらにSSR無しではSEO的に不利と言われています。Googleのどこかの技術ブログにはSPAでもbotにて記事内容を取得し評価できるようにするみたいな事が書かれていた記憶がありますがありますが、Google以外でそういう記事を見た事は無いですね。AngularはGoogle主体(大げさか)で作らえているので検索したいと思いますが他検索サイトはSPAのシェア次第でどう行動するか変わると思いますよ。
長くなりましたが、私的結論では「今は用途的に向いてない」のであって未来はわからないが、「有ったら面白そう」という感じですね。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/08 02:29
2018/03/09 04:10
2018/03/09 05:39
2018/03/09 07:08