使用angular js在Javascript变量之间找到一个变量

Locate a variable in between Javascript variable using angular js

本文关键字：变量 一个 之间 js angular Javascript 使用      更新时间：2023-09-26

我在Angular JS中有这段代码，我从控制器传递AnsOptions作为对象:

   <ion-list>
     <ion-item  ng-click="checkAnswer(CurrentQuestionIdIndex)" class="chat-item ng-enter-stagger item-remove-animate" ng-repeat="AnsOption in AnsOptions">
       <div style="float:left; width:10%;">
          {{AnsOption.alphabet}}
       </div>
       <div style="float:left; width:90%;">
          <div ng-bind-html="question.option1_bm"></div> //This line
       </div>
            </ion-item>
       </ion-list>

我把AnsOption.index放在代码question.option1_bm之间。

我的预期结果如下:

<div ng-bind-html="question.option1_bm"></div>
<div ng-bind-html="question.option2_bm"></div>
<div ng-bind-html="question.option3_bm"></div>
<div ng-bind-html="question.option4_bm"></div>

在Angularjs中，我如何做到这一点?这是我到目前为止所尝试的:

<div ng-bind-html="question.option[AnsOption.index]_bm"></div>

但是根本不起作用。有人能帮我吗?

使用ng-repeat的$index属性

<div ng-repeat="AnsOption in AnsOptions">
  {{$index}}
</div>

在你的例子中:

<ion-list>
     <ion-item  ng-click="checkAnswer(CurrentQuestionIdIndex)" class="chat-item ng-enter-stagger item-remove-animate" ng-repeat="AnsOption in AnsOptions">
       <div style="float:left; width:10%;">
          {{AnsOption.alphabet}}
       </div>
       <div style="float:left; width:90%;">
          <div ng-bind-html="'question.option'+($index+1)+'_bm'"></div> //This line
       </div>
            </ion-item>
</ion-list>
相关文章：