Получите позицию в Angular, как метод позиции jQuery

В jQuery у нас был position() метод:

$("button").click(function(){
    var x = $("p").position();
    alert("Top: " + x.top + " Left: " + x.left);
});

Он вернет позицию элемента. Как я могу сделать то же самое в Angular?

javascript angular typescript
25.07.2018 18:33
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
184
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2 

document.querySelector('p').offsetTop

Это извлекает его верхнюю позицию относительно своего родителя и offsetLeft относительно левого угла.

25.07.2018 19:07
Ответ принят как подходящий

Пожалуйста, попробуй:

В component.html определите ссылку на тег html:

<p #position>I want to go back here</p>

В component.ts:

@ViewChild('position') HoldPosition: ElementRef;

clickFunction() {
  console.info(this.HoldPosition.nativeElement.offsetTop);
  console.info(this.HoldPosition.nativeElement.offsetLeft);

}

`` ''

25.07.2018 19:19

Другие вопросы по теме

Невозможно установить отдельные цвета для четных и нечетных строк
Angular - как отклонить звонок?
Как повторно использовать существующую визуализацию vanilla js d3 с angular 5
Angular: передача атрибутов в шаблон динамического компонента
Uncaught (в обещании): Ошибка: загрузка фрагмента после сборки моего проекта Angular
Рефакторинг наблюдаемых Rxjs с использованием функций, которые имеют семантический смысл и уменьшают беспорядок
Транспортировка в ES5 поврежденную библиотеку JS в проекте Angular 6
Angular 6 - всплывающее окно Google Picker API
Не удается прочитать файлы json в angular 5?
Js-xls - лист в json на Angular возвращает только первую строку

Похожие вопросы

Nuxt generate: не удалось выполнить appendChild на узле
Могу ли я получить доступ к идентификатору элемента html из любого файла?
HTML textbox.value не обновляется в функции JavaScript
NgRX store.select возвращает объект хранилища вместо наблюдаемого объекта
Поддерживать черновик данных формы в локальном состоянии из реквизитов, установленных через соединение?
Получение видео частей и добавление их в MediaSource с помощью javascript
В Typescript, как вы проводите различие между типами ошибок Javascript Node и vanilla?
Округление до десятичного разряда с использованием JavaScript
Как мне сослаться на родительский компонент компонента Svelte?
Элемент в функции не отправляется в массив