在 AngularJS 中使用 HTML/CSS 替换框内容的大小

Question

目前我正在使用 css 在一周中的每一天约会应用程序中交替颜色，我将在其中添加约会。但是，由于屏幕中的空间是必要的，我想知道当没有内容（约会）存在时，是否有人可以帮助我缩小日历中的每一天。我尝试了 ng-class if 语句，但没有运气。 this is what i have now

 <div ng-repeat="day in days" ng-class-odd="'mask'" ng-class-even="'day'" >

第一张图片是我现在拥有的，第二张是我希望在每天没有内容时完成的尺寸。

desired prototype

Answer 1

Ng-class 应该适用于您想要实现的目标。 它应该看起来像这样：

 <div ng-repeat="day in days" ng-class="{'css-class': day.isEmpty}">