我可以滚动到另一个组件模板中的HTML元素吗?

托菲

在一个组件中,我具有一个导航栏,该导航栏具有滚动到页面上某个元素的功能。

导航栏模板:

 <a class="nav-link" (click)="scroll(services)">Services</a>

导航栏组件

scroll(id) {
  let el = document.getElementById(id);
  el.scrollIntoView();
}

我要滚动到另一个组件中的元素:

<section class="page-section" id="services">

这些组件无关,都是app.component.html的子级。

可以这样做,否则怎么办?

马雷克(Marek Szkudelski)

在模板中,您需要将字符串传递给方法:

更改此:

 <a class="nav-link" (click)="scroll(services)">Services</a>

对此:

 <a class="nav-link" (click)="scroll('services')">Services</a>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我们可以将html模板从angular2中的一个组件传递到另一个组件吗?

在React的一个大型组件中,我想单击一个元素并滚动到另一个元素

我可以将“内联模板”组件传递到另一个“内联模板”组件吗?

滚动到另一个元素时如何使我的元素可见?

我可以在一个翡翠模板中包含另一个翡翠模板文件吗?

将HTML元素滚动到另一个元素的中心

我可以在引用另一个组件中的FileId的WiX安装程序中添加ServiceInstall组件吗

我可以将Blazor的InputFile组件显示的按钮替换为另一个元素吗?

我可以在一个jsp页面中启动HTML元素,而在另一个jsp页面中将其关闭吗?

我可以使用dd将系统移动到另一个分区吗?

我可以使用变量模板来声明另一个变量模板吗?

我可以在Golang的另一个模板中使用模板变量吗?

我可以将模板函数用作另一个模板的参数吗?

水平滚动到另一个元素内的一个元素

是否可以将指令应用于另一个组件模板中的组件?

如何让我的JQueryUI可拖动元素浮动到另一个溢出的元素中?

React 组件可以渲染存储在其状态中的另一个组件吗?

我可以稍后将在一个 Azure 订阅中购买的证书移动到另一个 Azure 订阅吗?

在React中,我可以在另一个功能组件的主体内定义一个功能组件吗?

我可以将更改 body 元素更改为另一个 body 元素吗

我可以在 CSS 中选择另一个元素下的元素吗?

我可以从另一个项目中的实例模板创建 Google 计算实例吗?

我可以在angularjs中使用另一个模板引擎吗?

我可以在另一个命令中运行一个命令吗?

我可以访问另一个方法中的一个方法吗?

我可以在一行中初始化时将类的一个元素绑定到另一个元素吗?

当滚动到另一个HTML元素时,将CSS类动态添加到Fixed DIV

使一个DIV滚动到另一个DIV HTML和CSS之后

我可以从组件返回值以从另一个组件更改组件状态吗?