Ag-grid 分页中的奇怪文本答案

【问题标题】：Strange text in Ag-grid paginationAg-grid 分页中的奇怪文本
【发布时间】：2020-05-12 06:40:18
【问题描述】：

我无法发布整个代码，但这是最重要的部分。

$scope.previousCandidatesGrid =
    {
        columnDefs: [ {headerName: "Candidate", field: "candidate_name"},
                      {headerName: "Skills", field: "skills"},
                      {headerName: "Start date", field: "start_date"},
                      {headerName: "End date", field: "end_date"}
                    ],
        rowData: [],  // will be added in $scope.MarkerClicked()
        pagination: true,
        paginationAutoPageSize: true,
    };

根据documentation添加自动分页只需要最后两行。

网格继续正确显示 - 至少它的内容可以。但是，AG-grid 生成的分页文本看起来像这样（抱歉，我无法选择它并在此处复制/粘贴）：

点击“奇怪的文字”可以让我翻页开始/结束并按一页向前。

这可能只是一个字符集的问题，但我不知道如何解决它。有什么想法吗？

[更新] 根据@georgeawg 的评论，我检查了这些元素并得到了这个（抱歉它是一张图片，我不知道如何将其复制/粘贴为文本）：

[更新 2] 我曾认为这可能是字符集问题或 CSS。我已经添加了 ag-grid.min.csss 和 ag-theme-balham.min.css（因为我在 HTML 中将网格声明为 <div ag-grid="currentCandidatesGrid" class="ag-theme-balham"></div>），但这并没有帮助。

【问题讨论】：

使用开发者控制台检查这些元素。他们的 HTML 和 CSS 是什么？
我添加了一个屏幕截图（抱歉，不知道如何复制/粘贴。一切看起来都很简单，而且 HTML 是由ag-grid 注入的，而不是我。我只是添加了这两个网格选项，根据谴责。
问题似乎出在ag-icons。 first、previous、next 和 last 按钮是错误的。这与ag-icons 字体库有些冲突。
我想这只是知道我应该从ag-grid-master.zip 复制什么的问题。请注意，我手动执行此操作，而不是使用包管理器。
你能告诉我们Next、Last、Previous、First按钮的CSS吗？特别是::before。似乎ag-grid 的样式正在从您的应用程序的某处被覆盖。因此，当您从html 引用它们时，请尝试最后引用它们

标签： angularjs ag-grid

【解决方案1】：

以防万一其他人将来遇到同样的问题 - 这是字符集。

我变了

<html ng-app="myApp">
    <head>

到

<html  lang="en" ng-app="myApp">
    <head>
        <meta charset="utf-8"/>

即我添加了语言和字符集信息，现在我看到了

【讨论】：