Angular 角度4显示在模板中添加两个数字的结果

我的模板中有以下HTML

<li class="page-item">
    <a [routerLink]=""
       [queryParams]="{page: currentPage+1}"
       class="page-link" href="#">Next
    </a>
</li>

currentPage

在我的组件中被定义为一个

number

问题是，如果在当前第1页上单击链接，该链接将显示

？page=11

。如果我在第2页，它会显示21，以此类推

---

如何将加法结果显示为数字？

在第2页上创建一个函数，将字符串转换为ts文件中的数字

ConvertToInt(currentPage){
  return parseInt(val);
}

那就叫它

<p>{{ ConvertToInt(currentPage) + ConvertToInt(1) }}</p>

{{ConvertToInt（当前页面）+ConvertToInt（1）}

似乎将“currentPage”和“1”都视为字符串，请确保“currentPage”实际上是一个数字或字符串。在并没有线索的情况下，尝试调用一个方法并从组件文件中获取附加值。例：

<li class="page-item"><a [routerLink]="" [queryParams]="{page: getPageCount()}" class="page-link" href="#">Next </a> </li>

即使当前页面声明为数字，这是因为JSON吗？还是和页面有关？只是好奇原因。@SaiyaffFarouk因为它是作为queryparam传递的，所以在绑定+1时也需要将它转换为int，它将作为字符串。是的，要点：queryParams被解析为字符串。谢谢你。