Angular 13 - 最佳实践 - 使用 iFrame
Angular 13 - Best Practice - with iFrames
我有一个只有两部分的项目
- Header：有 Prev-Home-Next 个按钮
- Body: 有主页（默认）
现在，body 上有 10 个图标具有独特的重定向 URL
当用户点击任何图标时，它的 URL 应该打开而不是主页（有 10 个图标）。
之后，如果用户单击 header 上一页、主页或下一页的任何按钮，应打开相应的页面：
如何使用 Angular 13 路由
实现
有很多方法可以做到这一点。这里有一些想法供您参考：
对于 header 使用路由器历史 https://whosebug.com/a/41039092/15439733 获取以前的 url。家是静态的 link 到你的家 url。下一个 url 是列表中当前 url 或 urls.
为了 body 使用一个组件，我们称它为 childComponent。 Child 组件可以接受 url 参数 :id（或称它为其他名称），其中 id 是 iFrame 的 url。 https://whosebug.com/a/65629022/15439733
现在 onInit() 我们可以将 queryParam id 读取为 url 并将其提供给 iFrame。 https://whosebug.com/a/48125257/15439733
我有一个只有两部分的项目
- Header：有 Prev-Home-Next 个按钮
- Body: 有主页（默认）
现在，body 上有 10 个图标具有独特的重定向 URL 当用户点击任何图标时，它的 URL 应该打开而不是主页（有 10 个图标）。
之后，如果用户单击 header 上一页、主页或下一页的任何按钮，应打开相应的页面：
如何使用 Angular 13 路由
实现有很多方法可以做到这一点。这里有一些想法供您参考：
对于 header 使用路由器历史 https://whosebug.com/a/41039092/15439733 获取以前的 url。家是静态的 link 到你的家 url。下一个 url 是列表中当前 url 或 urls.
为了 body 使用一个组件，我们称它为 childComponent。 Child 组件可以接受 url 参数 :id（或称它为其他名称），其中 id 是 iFrame 的 url。 https://whosebug.com/a/65629022/15439733
现在 onInit() 我们可以将 queryParam id 读取为 url 并将其提供给 iFrame。 https://whosebug.com/a/48125257/15439733