Question

我想在ng-repeat外部声明我的变量，并且在ng-repeat变量内部添加，并且在ng-repeat值的底部应该像php循环工作一样递增。我的HTML： -

{{t_val = 0}}
            <ul id="form-bt-main" class="sec-row" ng-repeat="n in [] | range:31" >
                <li class="form-bt">{{n}}</li>
                <li class="form-bt">{{(t_age + $index + 1)-1}}</li>
                <li class="form-bt" ng-if="$index == 0">{{t_bcv}}</li>
                <li class="form-bt" ng-if="$index != 0">{{t_bcv}}</li>
                <li class="form-bt">{{t_val}}</li>
                {{t_val = t_val +n}}
            </ul>

实际上在php上我的代码是这样的

$begin_contract_value = 0;
for($i= 1; $i <= 30; $i++)
{
$Ending_contract_value = $begin_contract_value - $new_rider_cost - $Annual_withdrawals + $new_est_earnings;
<li><?php echo $begin_contract_value; ?></li>
 $begin_contract_value = $Ending_contract_value ;   

}

我希望我的角度代码像PHP代码。但我不知道。我想在html页面上不使用app.js。可能吗？

Answer 1

嗯，在这种特定情况下，您可以使用$index：

<li class="form-bt">{{$index}}</li>

或ngInit指令：

<ul id="form-bt-main" class="sec-row" ng-repeat="n in [] | range:31" ng-init="t_val = 0">

Answer 2

我在项目中用来声明一个变量（并且显然没有显示它）：

{{newVariableName = oldVariableName; ""}}

Answer 3

使用ng-init。

<ul id="form-bt-main" class="sec-row" ng-init="t_val = 0" ng-repeat="n in [] | range:31" >
            <li class="form-bt">{{n}}</li>
            <li class="form-bt">{{(t_age + $index + 1)-1}}</li>
            <li class="form-bt" ng-if="$index == 0">{{t_bcv}}</li>
            <li class="form-bt" ng-if="$index != 0">{{t_bcv}}</li>
            <li class="form-bt">{{t_val}}</li>
            {{t_val = t_val +n}}
        </ul>

有关详细信息，请访问此链接：https://docs.angularjs.org/api/ng/directive/ngInit

如何在角度js中在html页面上声明变量

3 个答案: