如何在基于变量的剃刀页面中有条件地渲染div类？

Question

如何在Angular中根据条件渲染div类？

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

我希望如果myArray长度大于0，那么它应该是col md-8，否则它应该是col md-12。

我在脚本标记中定义了$scope.myArray =[]。

Answer 1

我认为你会想要用Javascript或Razor来做这件事，但不是两者都做。

如果你的数组来自你的控制器，你可以在剃刀中定义myArray。只需将其放入@{ }标记即可。更多细节在这里：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%的系统正确，但希望能让你走上正确的道路。