javascript - AngularJS - 使用集合中的 id，如 div 标签中的 id 和函数参数

Question

嘿:)我正在使用 AngularJS 的指令 ngRepeat 因为我需要我的集合中所有项目的列表。但问题是我希望我的列表项是 Accordion ，当我单击列表项时它会打开。

HTML:

<div class="w3-accordion w3-light-grey" style="width: 70%; margin: auto">
    <div ng-repeat="question in questions">
        <button ng-click="myFunction('{{ question._id }}')" class="w3-btn-block w3-left-align">
            {{ question.question }}</button>
        <div id="{{ question._id }}" class="w3-accordion-content w3-container">
            {{ question.answers }}
            {{ question.rightAnswer }}
            {{ question.points }}
        </div>
    </div>      
</div>

正如你所看到的，我想要问题列表，我想通过 id 逐一打开 Accordion ，它的项目应该是一些问题属性。

这是应该执行此操作的函数。

JS:

function myFunction(id) {
var x = document.getElementById(id);
    if (x.className.indexOf("w3-show") == -1) {
        x.className += " w3-show";
    } else {
         x.className = x.className.replace(" w3-show", "");
    }
}

问题是因为该函数根本没有被调用(我认为是这样)。

如果你能帮助我，我将非常感激:)

Answer 1

不要使用表达式语法作为函数参数，因此只需更改:

ng-click="myFunction('{{ question._id }}')"

至

ng-click="myFunction(question._id)"

希望我有帮助:)