Ag-grid 分页中的奇怪文本

Question

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

$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 生成的（抱歉，我不能 select 它和 copy/paste 这里）：

单击 "strange text" 允许我翻页到 start/end 并后退一页。

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

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

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

Answer 1

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

我变了

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

至

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

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

Ag-grid 分页中的奇怪文本

Strange text in Ag-grid pagination

angularjs

ag-grid