如何在模板angular js中更新ng-init变量

时间:2018-10-10 11:38:54

标签: javascript angularjs

我正在尝试在我的js角度页面中显示动态串联的文本(我的目的是在title中显示所有用户的ID)对于使用ng-int声明变量't'的用户,并尝试更新该变量在ng-repeat中输入t并显示“ t”作为我的标题(title = {{t}})。它没有更新一些建议我怎么做。 我期望像这样的输出

<div title ="testID1ID2ID3"> 
 <span>name1\ID1</span>
 <span>name2\ID2</span>
 <span>name3\ID3</span>
</div>

但是现在显示

 <div title ="test"> 
  <span>name1\ID1</span>
  <span>name2\ID2</span>
  <span>name3\ID3</span>
 </div>

模板

<div ng-init= "t = 'test';"  title="{{t}}>
  <span ng-repeat = "(key,user) in users" t = "{{t + user.id}}">
    {{user.name}} \ {{user.id}}
  </span>

</div>

1 个答案:

答案 0 :(得分:0)

请检查以下内容:

<div ng-init= "t = 'test';"  title="{{t}}">
  <span ng-repeat = "(key,user) in users" ng-init = "$parent.t = $parent.t + user.id">
    {{user.name}} \ {{user.id}}
  </span>

</div>