如何以角度制作弹出框元素答案

【问题标题】：how to make popover element in angular如何以角度制作弹出框元素
【发布时间】：2021-06-26 03:42:43
【问题描述】：

我正在使用带有 openlayers 的角度，并且我正在按照链接中发布的示例进行操作：

        https://openlayers.org/en/latest/examples/overlay.html

该示例包含以下代码：

  var element = popup.getElement();
  var coordinate = evt.coordinate;
  var hdms = toStringHDMS(toLonLat(coordinate));

  $(element).popover('dispose');
  popup.setPosition(coordinate);
  $(element).popover({
    container: element,
    placement: 'top',
    animation: false,
    html: true,
    content: '<p>The location you clicked was:</p><code>' + hdms + '</code>',
  });

当我编译代码时，它会生成错误

$(element).popover('dispose');
popup.setPosition(coordinate);
$(element).popover({

它说 poppver 不是一个函数，而

$(element)

IDE 可视化代码无法识别。

什么相当于 $ 角度符号以及如何调整上述行以适应角度代码

【问题讨论】：

$ 很可能来自 jQuery，因此您可能需要将 jQuery 添加到您的 Angular 项目中。
@cloned 请告诉我如何将 jquery 添加到我的 Angular 项目中
这能回答你的问题吗？ How to use jQuery with Angular?
@cloned 现在我安装了 jquery 并导入了所需的包...但是浏览器的控制台告诉我 popover 不是一个功能...请你帮我解决它
检查您链接的文档并阅读第一句话：The popups are created using Popovers from Bootstrap 按照引导程序的链接找出从引导程序工作中获取弹出窗口所需的内容。

标签： javascript html jquery angular openlayers

【解决方案1】：

你可能错过了导入一些东西

import 'ol/ol.css';
import Map from 'ol/Map';
import OSM from 'ol/source/OSM';
import Overlay from 'ol/Overlay';
import TileLayer from 'ol/layer/Tile';
import View from 'ol/View';
import {fromLonLat, toLonLat} from 'ol/proj';
import {toStringHDMS} from 'ol/coordinate';

元素也是dom元素

element: document.getElementById('domid')

【讨论】：