Angularjs ng-class 表达式包含与当天相比的子字符串
Angularjs ng-class expression contains substring compared with current day
正如您在下面的代码中看到的,我有一个 table,由 ng-repeat 填充了各种行,还有一个 JSON.
<tbody>
<tr ng-repeat="roll in filtering(JSON) | orderBy:[sortType,'Cutoff']:sortReverse | filter:q as results" ng-class="{ 'danger': roll.Status == 'Running', 'success': roll.Status == 'Done', 'strike': roll.Days == 'MON'}" ng-if="roll.Group == groupType || groupType == 'yes'">
<td>{{ roll.Status }}</td>
<td>...</td>
</tr>
</tbody>
一行包含变量 'Days',其中出现了 f.e。 MON 表示星期一或 MONTUEWED 表示星期一至星期三或 TUETHUFRI 表示星期二和星期四至星期五。
我想使用 ng-class 元素(如上图和下图所示):
'strike': roll.Days == 'MON'
检查我的每一行的天数字符串(在 roll.Days 中)是否包含当前日期(如果可能的话,例如 Format(Now) to MON or TUE 等)并应用 'strike' css(仅供参考:该行随后将变为斜体文本,背景将变为灰色)
有什么建议吗?
亲切的问候,
马丁
在评论员的帮助下我找到了解决办法:
http://jsfiddle.net/ARK5q/298/
ng-repeat="jobSet in dashboard.currentWork"
ng-class="{'approved': jobSet.indexOf(selectedForApproval) >= 0}"
而 App Controller 必须是这样的:
var app = angular.module("DemoApp", [])
app.controller("DashboardCtrl", function($scope) {
$scope.dashboard = {
currentWork: [
'MON',
'MONTUE',
'MONTUE',
'MONTUEFRI',
'TUEFRI',
'TUE',
'WED',
'WED',
]
};
$scope.selectedForApproval = ['TUE'];
});
正如您在下面的代码中看到的,我有一个 table,由 ng-repeat 填充了各种行,还有一个 JSON.
<tbody>
<tr ng-repeat="roll in filtering(JSON) | orderBy:[sortType,'Cutoff']:sortReverse | filter:q as results" ng-class="{ 'danger': roll.Status == 'Running', 'success': roll.Status == 'Done', 'strike': roll.Days == 'MON'}" ng-if="roll.Group == groupType || groupType == 'yes'">
<td>{{ roll.Status }}</td>
<td>...</td>
</tr>
</tbody>
一行包含变量 'Days',其中出现了 f.e。 MON 表示星期一或 MONTUEWED 表示星期一至星期三或 TUETHUFRI 表示星期二和星期四至星期五。
我想使用 ng-class 元素(如上图和下图所示):
'strike': roll.Days == 'MON'
检查我的每一行的天数字符串(在 roll.Days 中)是否包含当前日期(如果可能的话,例如 Format(Now) to MON or TUE 等)并应用 'strike' css(仅供参考:该行随后将变为斜体文本,背景将变为灰色)
有什么建议吗?
亲切的问候, 马丁
在评论员的帮助下我找到了解决办法:
http://jsfiddle.net/ARK5q/298/
ng-repeat="jobSet in dashboard.currentWork"
ng-class="{'approved': jobSet.indexOf(selectedForApproval) >= 0}"
而 App Controller 必须是这样的:
var app = angular.module("DemoApp", [])
app.controller("DashboardCtrl", function($scope) {
$scope.dashboard = {
currentWork: [
'MON',
'MONTUE',
'MONTUE',
'MONTUEFRI',
'TUEFRI',
'TUE',
'WED',
'WED',
]
};
$scope.selectedForApproval = ['TUE'];
});