Javascript 角度/ID+;整数
我使用angular的ng repeat创建具有相同html格式的对象数组。然后使用表达式或ng bind html用值填充对象。不同的对象包含列表页面,这些页面根据id在上下文主体内的不同页面上进行制表。问题是制表按钮应该将我带到特定对象内的不同页面,但因为ng repeat会根据表达式/指令创建具有不同值的精确形式的副本整个页面被视为一个对象,一个选项卡的id在数组中具有相同属性的不同对象上响应。我正在寻找一种方法,在从数组中创建每个对象之后,在每个id的末尾添加一个整数,这样每个项目都会得到不同的处理,而不是所有项目的行为都相同,因为它们具有相同的确切id。代码如下Javascript 角度/ID+;整数,javascript,angularjs,Javascript,Angularjs,我使用angular的ng repeat创建具有相同html格式的对象数组。然后使用表达式或ng bind html用值填充对象。不同的对象包含列表页面,这些页面根据id在上下文主体内的不同页面上进行制表。问题是制表按钮应该将我带到特定对象内的不同页面,但因为ng repeat会根据表达式/指令创建具有不同值的精确形式的副本整个页面被视为一个对象,一个选项卡的id在数组中具有相同属性的不同对象上响应。我正在寻找一种方法,在从数组中创建每个对象之后,在每个id的末尾添加一个整数,这样每个项目都会得
<div class="col-md-6" data-ng-repeat="track in dashboard.items track by track.id">
<div class="panel-body">
<div class="panel-primary">
<h3 class="panel-title"><i class="icon-rocket fa-fw"></i> <span class="hidden-xs"><strong>@*Track name goes in here*@{{track.name}}</strong></span></h3>
</div>
</div>
<div id="demo3-panel" class="panel panel-blue" data-context="">
<div class="panel-in">
<div class="panel-blue pull-right">
<ul class="nav nav-tabs nav-contrast-dark" id="demo3-tabs">
<li class="active"><a href="#description1" data-toggle="tab">Description</a></li>
<li class=""><a href="//this is the id that I want to change by adding an integer to the end of the id name after each ng-repeat// moreInfo" data-toggle="tab">More Info</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Requirements<i class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu dropdown-menu-right">
<li ng-repeat="course in track.courses"><a href="#{{course.name}}" data-toggle="tab">{{course.name}}</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane fade in active" id="description1 {{course.name}}">
<br><br>
<p class="text-blue" style="text-align:center"><strong>Description:</strong></p>
<p ng-bind-html="track.description"></p>
</div>
<div class="tab-pane fade" id="moreInfo1"><br><br>
<p class="text-blue" style="text-align:center"><strong>More Information about {{track.name}}:</strong></p>
<p ng-bind-html="track.moreInformation"></p>
</div>
<div class="tab-pane fade" ng-repeat="course in track.courses" id="{{course.name}}"><br><br>
<p class="text-info" style="text-align:center"><strong>{{course.name}}:</strong></p>
<p>{{course.description}}</p>
<a href="#">Register For {{course.name}} Section</a>
</div>
</div><!-- /tab-content -->
</div><!-- /panel-body -->
<a href="track/{{track.id}}/edit" class="cmdEditButton btn btn-info">Edit</a>
</div><!-- /.panel -->
</div><!-- /.cols -->
</div><!-- /.panel -->
@*曲目名称放在这里*@{{Track.name}
-
说明:
有关{{track.name}}的详细信息:
{{course.name}:
{{course.description}}
在每个ng repeat
子作用域中,创建了一组作用域变量,其中一个是$index
您应该能够执行以下操作:
<a href="#tab-content-{{$index}}">
请参阅
ng repeat
文档,了解每个子范围内可用的所有变量列表track.id有什么问题a href=“#moreInfo{{{track.id}}”
在href属性中使用角度标记,如{{hash}
,如果用户在Angular有机会用其值替换{hash}
标记之前单击该链接,则该链接将转到错误的URL。