jQuery show / hide не работает в цикле for

Question

У меня есть какая-то ссылка на моей странице, которая отображается как display: нет при загрузке, и ее идентификатор является динамическим.

<a href="#" ng-attr-id="{{ 'viewFile-' + $index }}" style="display:none" ng-click="showPreview(q.fileName,q.filePath)">{{q.fileName}}</a>

При загрузке страницы я дал

for (var x = 0; x < data.questions.length; x++) {
    if (data.questions[x].fileName == null) {
        $("#viewFile-" + x).hide();
    } else {
        $("#viewFile-" + x).show();
    }
}

Только самая первая ссылка т.е. viewFile-0 отображается, все остальные скрыты При отладке кода он попадает в строку .show (), но на странице ссылка не отображается.

Может кто-нибудь дать мне решение?

Answer 1

Поскольку вы используете angularjs , я не понимаю, зачем вам вообще нужен jQuery.

Я думаю, вы должны попытаться избежать этого и пойти с решением angularjs. Например. ng-show=... с подходящим условием.