Как сделать класс div условно на странице бритвы на основе переменной? - PullRequest
0 голосов
/ 30 марта 2020

Как визуализировать div-класс на основе условия в Angular?

  <div class="@(myArray.length>0 ? "col-md-8" : "col-md-12" )">

Я хочу, чтобы, если длина myArray была больше 0, тогда это было бы col-md-8, иначе это должно быть col -md-12.

Я определил $ scope.myArray = [] внутри тега скрипта.

1 Ответ

0 голосов
/ 30 марта 2020

Я думаю, вы захотите сделать это либо в Javascript, либо в Razor, но не в обоих.

Если ваш массив поступает от вашего контроллера, вы можете определить myArray в razor . Просто поместите это в @{ } теги. Более подробно здесь: https://forums.asp.net/post/4532657.aspx

Если javascript, просто установите его как:

HTML:

<div class="setCols">

Javascript / Jquery

if (typeof myArray != "undefined"  
            && myArray != null  
            && myArray.length > 0) 
    $(".setCols").addClass("col-md-8"); 
else 
    $(".setCols").addClass("col-md-12"); 

Они могут быть не на 100% синтаксически правильными, но, надеюсь, ставят вас на правильный путь.

...