要创建一个带有查询参数的外部链接，你可以使用Angular的Router模块。以下是一个示例代码：

首先，在你的组件中导入Router模块：

import { Router } from '@angular/router';

然后在构造函数中注入Router：

constructor(private router: Router) { }

接下来，你可以使用Router的navigate方法来创建带有查询参数的外部链接。例如，如果你想创建一个带有查询参数的链接到"/products"页面，你可以使用以下代码：

const queryParams = { id: 1, name: 'example' };
this.router.navigate(['/products'], { queryParams: queryParams });

这将导航到"/products?id=1&name=example"页面。

另外，如果你想在新窗口或标签页中打开链接，你可以使用window.open方法。例如：

const queryParams = { id: 1, name: 'example' };
const url = this.router.createUrlTree(['/products'], { queryParams: queryParams }).toString();
window.open(url, '_blank');

这将在新窗口或标签页中打开链接"/products?id=1&name=example"。

希望这可以帮助到你！