AngularJS ng-init 值默认显示，然后在大于 0 后更改

Question

我有一个很长的表达式，在默认模式下显示"无穷大"，因为它会在应用程序加载后立即进行数学运算。

因此，作为解决方案，我认为如果我将ng-init值设置为myText="0"，我可以让它显示零，然后一旦特定的框值大于0，进行数学计算。

这是我在 HTML 中的角度表达式。它只是添加一堆输入框并将其除以动态输入列表结果。

只想将值最初设置为 0，然后当某些内容实际在 dynamicInputListResult 中时，或者如果它大于 0，则进行计算。任何帮助都会很棒！

 <span style="font-size:28px" ng-hide="myVar" ng-init="myText='0'"> Week(s): {{myText}}  {{(factors.Delivery -- factors.systemProcess -- factors.contentMaterials -- factors.SME -- dynamicSliderbox[0] -- dynamicSliderbox[1] -- dynamicSliderbox[2] -- multipliesResult) / dynamicInputListResult }}</span>

Answer 1

这可能不是很好的练习，但它解决了我的问题，这就是我的学习方式。对此的解决方案是使用 css。首先，我使用 display：none 显示但没有工作，所以我为跨度分配了一个不同的 ng 模型并检查另一个框中的值是否为>0。如果是这样，请更改颜色。这很耗时，但只需要ng模型和ng类修改。

 <span style="font-size:28px;"> Week(s):<span style="font-size:28px; color:white" ng-hide="myVar" >  <span ng-model="xyz" ng-class="{'test2':dynamicInputListResult > 0}">{{(factors.Delivery -- factors.systemProcess -- factors.contentMaterials -- factors.SME -- dynamicSliderbox[0] -- dynamicSliderbox[1] -- dynamicSliderbox[2] -- multipliesResult) / dynamicInputListResult }}</span></span>