如何根据变量在剃刀页面中有条件地呈现 div 类？

Question

How to render div class based on a condition in Angular?

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

I want that if myArray length is greater than 0 then it should be col-md-8 else it should be col-md-12.

I have defined $scope.myArray =[] inside script tag.

Answer 1

I think you will want to do this in either Javascript or Razor, but not both.

If your array is coming from your controller, you can define myArray in razor . Just put it in @{ } tags. More detail here: https://forums.asp.net/post/4532657.aspx

If javascript , just set it up like:

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"); 

These may not be 100% sytaxically correct, but hopefully sets you on the right path.