Аура: если не оценивается и аура: итерация не отображается

Question

У меня есть компонент Lightning, который прослушивает событие Обновленной учетной записи и извлекает связанные контакты и пользователей. Затем он отображает, для какой учетной записи предназначены контакты с общим количеством контактов и пользователей, и создает карту SLDS с повторяющимися тайлами.

Он работал нормально, пока я не изменил заголовок, чтобы сказать "Загрузка", пока контакты загружались. Я добавил два новых атрибута (один для хранения статуса загрузки и один для общего количества контактов и пользователей) и добавил логику для обновления этих атрибутов. Каким-то образом это сломало это, и я не могу понять, как это сломалось.

По логам консоли и отладки все нормально. Контакты и пользователи правильно извлекаются из контроллера Apex, и эти значения записываются в атрибуты. Ничего не обновляется, однако.

ContactTable.cmp

<header class="slds-media slds-media--center slds-has-flexi-truncate">
    <div class="slds-media__body">
        <h2>
            <span class="slds-text-heading--large">
                <aura:if istrue="{!v.accountName}">
                    Contacts For {!v.accountName}: {!v.contactsLoadingStatus}
                    <aura:set attribute="else">
                        Contacts: - Please Select a Clinic -
                    </aura:set>
                </aura:if>
            </span>
        </h2>
    </div>
</header>

.........
(Contacts Tile Iterator)
.........

<aura:if istrue="{!v.contacts.length > 0}">
    <h2 style="padding-left: 1.5rem;"><span class="slds-text-heading--medium">Contacts</span></h2>
    <div class="slds-card__body--inner slds-grid slds-wrap" style="margin-bottom: 30px; height: 20rem;        overflow: auto; border: 1px solid rgba(128, 128, 128, 0.32); border-radius: 10px;">
        <aura:iteration items="{!v.contacts}" var="singleContact">
            <c:ContactTableContactCard singlecontact="{!singleContact}" />
        </aura:iteration>
    </div>
</aura:if>

ContactTableController.js

handleUpdateAccountEvent: function(component, event, helper){  
  helper.updateAccount(component, event);
  component.set('v.selectedContacts', null);
  component.set('v.total', 0);

  console.log('Account ID: ' + component.get('v.accountID'));
  console.log('Account Name: ' + component.get('v.accountName'));

  if(component.get('v.accountID')){
    console.log('Grabbing contacts and team members');
    component.set('v.contactsLoadingStatus', 'Loading...');
    helper.setContacts(component, helper);
    helper.setTeamMembers(component, helper);  
  }
  else{
    component.set('v.contacts', null);
    component.set('v.teamMembers', null);
  }
},

ContactTableHelper.js

setContacts: function (component, helper) {
  var action = component.get("c.getContacts");
  var accountID = component.get("v.accountID");
  action.setParams({'accountId':accountID});

  action.setCallback(this, function(response){
    if(component.isValid()){
      var state = response.getState();
      if(state === 'SUCCESS'){
        var contacts = response.getReturnValue();
        component.set("v.contacts", contacts);

        var total = component.get("v.total");
        total += contacts.length;
        component.set("v.total", total);

        component.set("v.contactsLoadingStatus", total + " Records");

        contacts = component.get('v.contacts');
        console.log('Grabbing contacts.... Done');
        console.log('contacts:');
        console.log(contacts);

      }
      else{
        console.log('There was an issue in retrieving the contacts.');
        console.log(state);
        if(state === 'ERROR'){
          var errors = response.getError;
          for(var i = 0; i < errors.length; i++){
            console.log(errors[i].message);
          }
        }
      }
    }
  });

  $A.enqueueAction(action);
  console.log('Grabbing contacts....');
},

updateAccount: function(component, event){
  var accountID = event.getParam("accountID");
  component.set("v.accountID", accountID);

  var accountName = event.getParam("accountName");
  component.set("v.accountName", accountName);
  console.log('finished updateAccount');
},

Я опустил setTeamMembers, потому что он более или менее такой же, как setContacts.

Соответствующий консольный журнал:

законченное обновление учетной записи

Идентификатор аккаунта: 001F0000013YX5DIAW

Имя учетной записи: ~NAME~.

Захват контактов и членов команды

Хватая контакты....

Хватает членов команды....

Перехват контактов.... Готово

контакты:

[Объект, Объект, Объект]

Захват членов команды.... Готово

Члены команды:

[Объект, Объект, Объект, Объект, Объект, Объект]

Answer 1

Я понял. Я использовал форматировщик кода моей IDE, который изменился

<aura:if isTrue="">

в

<aura:if istrue="">

Так что, если кто-то столкнется с этой проблемой, проверьте правильность написания.