Angular5 -获取指令/组件到顶部和左侧的距离
Angular5是一种流行的前端开发框架，用于构建现代化的Web应用程序。在Angular5中，要获取指令或组件到顶部和左侧的距离，可以使用ElementRef和Renderer2来实现。
首先，我们需要在组件中引入ElementRef和Renderer2：
import { Component, ElementRef, Renderer2 } from '@angular/core';然后，在组件的构造函数中注入ElementRef和Renderer2：
constructor(private elementRef: ElementRef, private renderer: Renderer2) { }接下来，我们可以使用ElementRef和Renderer2来获取指令或组件到顶部和左侧的距离。例如，我们可以创建一个方法来获取指令或组件到顶部的距离：
getTopDistance() {
const element = this.elementRef.nativeElement;
const topDistance = element.offsetTop;
return topDistance;
}类似地，我们可以创建一个方法来获取指令或组件到左侧的距离：
getLeftDistance() {
const element = this.elementRef.nativeElement;
const leftDistance = element.offsetLeft;
return leftDistance;
}这样，我们就可以在组件中调用这些方法来获取指令或组件到顶部和左侧的距离了。
关于Angular5的更多信息和详细介绍，您可以访问腾讯云的Angular5产品页面：Angular5产品介绍
请注意，以上答案仅涵盖了Angular5获取指令/组件到顶部和左侧距离的基本方法，实际开发中可能会有更多的细节和技巧。
相关·内容
我有一个包含以下模板(...component.html)的组件：此外，我在...component.ts中有：
export class TestComponent对于jQuery用户:我正在寻找一种计算$("#desiredCanvasElement").position();的方法
浏览 11提问于2018-01-23得票数 0
回答已采纳
1回答
有人能向我解释一下关于rect.offsetTo(的事吗？
我是说，它会在一个新的地方画直线吗？还是只将顶部和左侧的位置设置为新的和相对于rect的底部和右边的位置？
浏览 4提问于2014-03-03得票数 0
我们能计算出ChildWindow和ParentWidnow之间的差距吗？ChildWindow.Margin 有没有其他方法可以得到ChildWindow和ParantWindow之间的距离？
浏览 2提问于2010-07-09得票数 2
回答已采纳
1回答
这是我人生中第一次使用Xcode/AppleScript --如果是非常愚蠢的问题，我很抱歉。无论如何，我在我的MainMenu.xib文件下面有一个小测试窗口。我已经建立了一个标签视图，每个标签下有不同的按钮和东西，具有各种随机测试功能(显示对话框，说话，请求密码等)。在一个选项卡中，我想要有很多测试内容，但在另一个选项卡中，我只想要很少的内容。当你改变制表符时，有没有可能让它调整窗口大小到指定的尺寸？此外，我已经使我的窗口不能调整大小(否则当调整大小时格式
浏览 0提问于2013-03-01得票数 2
回答已采纳
1回答
我想设置一个带有彩色背景矩形和文本的组件，它可以调整宽度，也可以根据文本的长度自动调整其高度。目前，我只能手动调整组件的高度，但如果组件可以像HTML那样自动调整高度，则更好。我在文本层添加了顶部、左侧和右侧的约束。并将顶部和底部以及左侧/右侧限制到背景层。有人能帮上
浏览 3提问于2020-11-15得票数 0
1回答
我需要帮助保持我的CSS工具提示在我的网站屏幕上。不幸的是，它对于靠近屏幕边缘的网站来说太大了，对于任何移动设备来说也太大了，而且定位不正确(可能是因为我计划在每个工具提示中添加非常大的描述)。我想只使用CSS，但愿意使用JS，因为我开始认为这可能是唯一正确的方法，但我在弄清楚如何让它工作时遇到了很多麻烦。我基本上是从另一个网站复制了代码，如果它能帮助你更好地理解我的代码的话：https://www.w3schools.com/css&#x
浏览 14提问于2021-08-19得票数 0
回答已采纳
1回答
我想设置BorderPane的中心、顶部、左侧、右侧和底部组件的大小。BorderPane() mainpane = new BorderPane();例如，我如何获取BorderPane左侧的大小并设置其大小？
浏览 0提问于2013-08-26得票数 3
我使用脚本编辑器编辑了下面的Applescript，试图调整我的RStudio窗口的大小，但是它没有工作。加载了RStudio，但没有正确调整大小。代码和错误信息附在下面。有什么想法吗？我使用的是macOS大Sur 11.0.1和RStudio 1.3.1073。谢谢!
浏览 3提问于2020-11-21得票数 1
回答已采纳
当我试图获得相对于屏幕大小的元素的位置时，本机。我在OnLayout中使用度量衡。我想知道的是，返回的位置pageX是基于元素的中心还是元素顶部的位置。(pageX) // Eg. 320 })<Text>lorem ipsum</Text>假设我得到一个圆的
浏览 5提问于2022-10-28得票数 1
回答已采纳
1回答
我花了过去两天的时间试图用故事板来找出UIScrollview。每当我认为我得到了它，一个新的问题出现，现在接缝无法解决。下面是我要做的事情(非常简单)：
我有一个Imageview 400x185，整个滚动视图的宽度(边到边)。这意味着滚动视图具有图像视图的宽度。下面是具有图像视图的<=宽度的文本视图。我使用了堆栈溢出上描述的许多方法：-使用滚动视图上的一个视图，并设置与滚动视图的父视图相同
浏览 2提问于2015-01-03得票数 0
回答已采纳
我试图在图像的一个小区域中找到存在的连接组件(如果有)。然而，cvFindContours()函数将明显分离的组件分组为一个单独的组件，这使得进一步的计算不正确。
如何获取地域内的独立组件？(根据函数检测到的不同组件着色)。cc_img, ptr, ext_color, CV_RGB(0,0,0), -1, CV_FILLED, 8, cvPoint(0,0));
浏览 1提问于2011-08-03得票数 3
回答已采纳
1回答
我有一个应用程序，可以显示一些地方的桌子(例如餐馆)。这些表格将显示给最终用户。但我希望业主能够重新安排这些表的位置从管理面板。他将被呈现给容器(为了简单起见，只是一个矩形)，我希望他们能够拿起桌子(它可以是图标或其他任何东西)，并将其放置在他们想要的任何地方(字面上是在这个容器中的任何方向或位置)。他们可以添加任意数量的表，并将其放置在想要的位置。这部分是前端的，我不太害怕这一点。但对我来说，问题是如何使用Laravel保存这些信息？因为我希望所有者保存表的<
浏览 0提问于2021-09-23得票数 0
1回答
我开始使用自动布局，我的UIViewController的self.view在iPhone 6或iPhone 6plus上不再占据整个屏幕。UIView的大小是size = inferred。我在VC的主视图的约束下查找，约束编辑器不允许我选择视图的顶部、左侧、右侧和底部到窗口边缘的距离为0,0,0,0。
浏览 4提问于2015-02-05得票数 0
1回答
嗨，有没有人能帮我理解一下如何在iOS 6.0中编辑表格单元格的组件时自动布局？我已经在属性检查器中将UITableViewCell自动调整大小选项的AutoLayout设置为右上角！单元格的右侧图像视图被删除按钮重叠。请参阅所附图片。以下是用于此操作的代码。有什么办法可以解决这个问题吗？我添加了以下方法，当按下Edit/Done按钮时将调用该方法，但无法检测将被选中进行编辑的单元格！NSLog(@"editMode on"); else
浏览 3提问于2012-09-27得票数 4
回答已采纳
我正在将一个电子应用程序从AngularJS迁移到Angular5，并且我面临着这样一个问题:我需要加载一个带有组件的任意模块，并动态地将主要组件呈现到视图中(这是一个附加系统)。在我的应用程序中，插件是一个包含在我的angular5应用程序中呈现的组件的angular5模块。材料模块似乎很好地导入到了我的插件模块中，否则如果它没有加载，我会有不同的</e
浏览 1提问于2017-11-17得票数 5
它说该函数将返回位于指定坐标处的最顶层元素对象。它还说y:点的垂直坐标，相对于当前视图的顶部边缘.
但我还是很困惑。x指的是从视图的左边框到视图的左边框的距离，y是指从视口顶部边框的距离(如二维平面上的坐标(宽度和高度))？？。如果它们表示2D
浏览 1提问于2019-02-11得票数 0
我正在将angularjs应用程序升级到中概述的角5。
我的混合应用程序是从角码引导的，运行得很好。接下来，我创建了一个依赖于angular5服务的angular5组件。我降低了组件的级别，并在angularjs中声明为指令。我看到的问题是服务没有被注入到组件中。如果我从组件中删除服务依赖项，它就能正常工作。这是我的</
浏览 0提问于2018-02-19得票数 0
1回答
但是这里无法使用画布的顶部和左侧进行绘制。我试着在css中做了一些修改，仍然没有成功。请帮帮忙。附注：单击该按钮，画布将弹出。
浏览 0提问于2013-06-18得票数 0
回答已采纳
我正在写一个拖放应用程序，由于一些参数的原因，我真的很困惑。首先，我阅读了View类的文档，并获得了以下解释。下面是我的应用程序的实际屏幕截图以下是布局的xml
我不认为getX()
浏览 0提问于2015-05-13得票数 14
回答已采纳
1回答
有任何对象(可以是类似的内联对象，也可以是类似或的块元素)作为原始对象。创建新的覆盖并镜像原始对象的大小效果很好。我还可以将这个新元素附加到originalObject的父节点中。关于这个职位，实现覆盖的left+top仍然悬而未决，正在失败。对于具有position:absolute或position:fixed的<
浏览 0提问于2013-05-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
