Angularで外部リンクを追加する方法

<a href="https://example.com" target="_blank">外部リンク</a>

href 属性にはリンク先のURLを指定します。target="_blank" を指定することで、リンクを新しいタブまたはウィンドウで開くようにします。

2. ルーターを使用する方法: Angularのルーターを使用して外部リンクを追加することもできます。まず、RouterModule をインポートします。

import { RouterModule, Routes } from '@angular/router';

次に、ルーターの設定を定義します。

const routes: Routes = [
  { path: 'external-link', redirectTo: 'https://example.com', pathMatch: 'full' }
];

上記の例では、/external-link へのアクセスがあった場合に、https://example.com にリダイレクトされるようになっています。

最後に、ルーターモジュールをアプリケーションに追加します。

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

これで、/external-link へのアクセスがあった場合に外部リンクにリダイレクトされるようになります。

以上がAngularで外部リンクを追加する方法です。必要に応じて、適切な方法を選択してください。