2016-08-02 45 views
-1

我想在ng-repeat外部声明我的变量,并且在ng-repeat变量内部添加并且在ng-repeat值的底部应该像php循环一样递增工作。 我的html: -如何声明js中的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代码。但我不知道。我想在不使用app.js的html页面上执行此操作。可能吗 ?

+0

所以,你要增加't_val'? – developer033

+0

是的,希望我的角度功能应该像php代码 –

回答

0

那么,在这种特定的情况下,你可以使用$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"> 
+0

一样工作,并且比如何增加ng-repeat中的值,如 $ begin_contract_value = $ Ending_contract_value; –

+0

'$ index'会自动增加,在代码中测试它.. – developer033

0

我在我的项目已经习惯了声明一个变量(和abviously不显示它):

{{newVariableName = oldVariableName; ""}} 
-1

使用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