Необходимо дважды щелкнуть мышью, чтобы выбрать выбранные компоненты Aura - PullRequest
Новая
       36

Необходимо дважды щелкнуть мышью, чтобы выбрать выбранные компоненты Aura

0 голосов
/ 28 сентября 2019

Спасибо за помощь

Я прошел через несколько документов, но не нашел решения своей проблемы

Проблема

Когда я нажимаю на ссылку, я хочу, чтобы она была выбрана для этого, я создаю переменную и устанавливаю ее значение из имени атрибута Tag в JS Controller

После получения значения я устанавливаю значение атрибута в имя

Я присваиваю тег тегу на основе значения переменной, установленного из контроллера Aura Js

Но мне нужно дважды щелкнуть , чтобы выбрать элемент

Атрибут 

<aura:attribute name="active" type="String" default="ALL"/>

Проверка тега 

<li  class="{!v.active == 'Exterior'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}" name="Exterior" onclick="{!c.getFilterCategories}">
        Exterior
</li>

<li  class="{!v.active == 'MEP'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}" name="MEP" onclick="{!c.getFilterCategories}">
       MEP
</li>

<li class="{!v.active == 'Paint'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}"  name="Paint" onclick="{!c.getFilterCategories}">
     Paint
</li>

<li  class="{!v.active == 'Flooring'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}"  name="Flooring" onclick="{!c.getFilterCategories}">
    Flooring
</li>

<li class="{!v.active == 'Misc'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}"  name="Misc" onclick="{!c.getFilterCategories}">
    Misc
</li>

Контроллер AURA JS 

getFilterCategories : function(component, event, helper){

   var title =  event.currentTarget.name;
   console.log(' event.currentTarget.name-------'+ event.currentTarget.name);
   component.set('v.active', event.currentTarget.name); 
   console.log(component.get('v.active'));
}

Первый и второй клик enter image description here

...