Question

嘿:)我正在使用AngularJS的指令ngRepeat，因为我需要收集我的收藏中所有项目的列表。但问题是我希望我的列表项是手风琴，当我点击列表项时会打开。

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打开手风琴，它的项目应该是一些问题属性。

这是应该做的功能。它

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)"

希望我帮助过：）

AngularJS - 在div标签和id函数参数中使用id中的id

1 个答案: