2016-12-22 7 views
0
li() 
    a(href="/dashboard") 
    span(style = "font-size:16px;" class = "pull-right hidden-xs showopacity glyphicon glyphicon-dashboard") 
    | Dashboard 
li(class = "active") 
    a(href="#") 
    span(style = "font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-cloud-upload") 
    | Upload 
li() 
    a(href = "/analyze") 
    span(style = "font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-stats") 
    | Analyze 
li() 
    a(href = "/locate") 
    span(style = "font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-file") 
    | Locate 

Я хотел бы отобразить класс, активный для выбранного элемента навигации, используя параметр, переданный из файла node.js. какое изменение я должен внести в этот файл шаблона?Jade Templating with if else условное утверждение и параметры для навигации

ответ

0
li(class = parameter ? "active": "") 
    a(href="/dashboard") 
    span(style = "font-size:16px;" class = "pull-right hidden-xs showopacity glyphicon glyphicon-dashboard") 
    | Dashboard 
li(class = parameter ? "active": "") 
    a(href="#") 
    span(style = "font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-cloud-upload") 
    | Upload 
li(class = parameter ? "active": "") 
    a(href = "/analyze") 
    span(style = "font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-stats") 
    | Analyze 
li(class = parameter ? "active": "") 
    a(href = "/locate") 
    span(style = "font-size:16px;" class="pull-right hidden-xs showopacity glyphicon glyphicon-file") 
    | Locate 

попробовать, если это работает, троичный оператор поддерживается мопса

+0

бы не добавить 'active' класс для всех' li', если 'parameter' верно? Мне кажется, ему нужно добавить активный класс к одному из элементов списка. –

+0

это добавит только 'active', если параметр, который он отправляет из backend, является истинным значением. –

+0

Я имею в виду, если он отправит параметр как истинный из бэкэнд, тогда все элементы li будут иметь класс 'active'. правильно? Я думаю, что каждый li должен соответствовать параметру с определенным значением, так что только конкретный элемент li получает активный класс за раз. –