AngularJs - Как предотвратить выполнение лишнего кода
У нас есть сложная форма редактирования, которая имеет, в частности, такой код:
<uib-tab ng-show = "currentItDraftHeader.treeType===2">
<uib-tab-heading>
<i class = "fa fa-picture-o"
uib-tooltip = "@Labels.images"
tooltip-placement = "bottom">
</i>
</uib-tab-heading>
@Html.Partial("ImageSelector")
</uib-tab>При загрузке формы возникает ошибка, препятствующая созданию currentItDraftHeader. Тем не менее, форма ImageSelector вызывается, и код из ее контроллера также выполняется. Как я могу этого избежать? У меня есть еще одна проблема - у меня есть метод LoadView, который имеет несколько функций, каждая из которых вызывает службу для получения данных. Я хочу остановить выполнение кода, как только первый запрос не удастся, но поскольку все они асинхронны, я думаю, что все они выполняются. Как лучше всего предотвратить вызов ненужного кода после самой первой ошибки?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
ng-show определяет, является ли элемент видимым или нет, но DOM создается в любом случае, поэтому вызывается ImageSelector,
вы должны использовать ng-if вместо ng-show
ng-if определяет, создан ли элемент или нет, если условие - false, то DOM не будет создан и ImageSelector не будет вызван.
Итак, попробуйте это
<uib-tab ng-if = "currentItDraftHeader.treeType===2">
для второй проблемы вам нужно дождаться первого запроса, чтобы проверить, не сработал он или нет, а затем перейти к другому, взгляните на обещания, чтобы узнать, как с этим справиться.
асинхронный / ожидание - хорошая альтернатива, если вам не нужен promises
Я думал попробовать ng-if. Я попробую, как только разберусь со своими проблемами с тостером :(