Javascript 比较HTML页面中从angularJS控制器定义的变量

我是AngularJS的新手，希望这很容易，我有下面的HTML，我试图检查当前页面是否等于零，如果是，我将标记的类名更改为disabled。（currentPage在我的控制器中定义为零）

如果（{currentPage}}==0）{
document.getElementById（“prev”）.className=“已禁用”；
}
如果（{currentPage}}>={{eventslist}.length/{pageSize}'-1）{
document.getElementById（“下一步”）.className=“已禁用”；
}

然而，每当我尝试进行这样的检查时，它都不会将currentPage视为零。然后我添加了一个else语句，看看currentPage实际上是什么

<script>
    if ('{{currentPage}}' == 0) {
        document.getElementById("prev").className = "disabled";
    } else {
        document.getElementById("prev").innerHTML = "{{currentPage}}";
    }
    if ('{{currentPage}}' >= '{{eventslist}}'.length / '{{pageSize}}' - 1) {
        document.getElementById("next").className = "disabled";
    }
</script>

如果（{currentPage}}==0）{
document.getElementById（“prev”）.className=“已禁用”；
}否则{
document.getElementById（“prev”）.innerHTML=“{{currentPage}}”；
}
如果（{currentPage}}>={{eventslist}.length/{pageSize}'-1）{
document.getElementById（“下一步”）.className=“已禁用”；
}

这样做之后，果然，它会返回为零。你知道为什么if语句在这么简单的事情上失败了吗？提前感谢

<div id="prev" ng-class="{'disabled': currentPage === 0}">
<span ng-if="currentPage !== 0">{{currentPage}}</span>
</div>
<div id="next" ng-class="{'disabled': currentPage >= eventsList.length / pageSize - 1}"></div>

{{currentPage}}

为什么不将此代码放在控制器中，并使用

$scope

处理局部变量？您是否已经阅读了主页上的Angular JS教程？我认为，在尝试这样做之前，您需要更好地了解Angular是如何整合到web应用程序中的。对于初学者来说，我以前从未在脚本块中看到过绑定……这不起作用的原因是脚本块试图将文本字符串{{currentPage}与0进行比较：Angular在浏览器尝试解释内联

块之前没有机会执行它的操作。正确的方法是将所有这些逻辑放在一个角度指令中；那么你就不需要像innerHTML那样直接处理DOM了。我显然有一些研究和更多的学习要做，谢谢你的回答@利威利斯

<div id="prev" ng-class="{'disabled': currentPage === 0}">
<span ng-if="currentPage !== 0">{{currentPage}}</span>
</div>
<div id="next" ng-class="{'disabled': currentPage >= eventsList.length / pageSize - 1}"></div>