我正在使用 Umbraco并且正在使用数据类型的网格布局并希望将自定义设置(css 类)添加到每一行/单元格并且它有点工作。用户界面:
“修饰符”:“{X}”给出了不同的结果,这 3 个“最好”。
和 json:
[
{
"label": "Message Box",
"description": "Message Box",
"key": "class",
"view": "checkbox",
"modifier": "{3}",
"applyTo": "cell",
"config": {
"items": {
"key1": {
"value": "value1"
},
"key2": {
"value": "value2"
},
"key3": {
"value": "value3"
},
"key4": {
"value": "value4"
}
}
}
}
]
但是我应用这些类的单元格/行最终看起来像这样
<div class="["key1", "key2", "key3", "key4"]">
当 html 中有 [] 和逗号时,html 无法理解这些类,我怎样才能使这些类正确地应用于元素?
Pastebin修改后的 Foundation5
Pastebin Umbracos 复选框代码
最佳答案
改变这个:
$scope.$watch('selectedItems', function (newVal, oldVal) {
$scope.model.value = [];
for (var x = 0; x < $scope.selectedItems.length; x++) {
if ($scope.selectedItems[x].checked) {
$scope.model.value.push($scope.selectedItems[x].key);
}
}
}, true);
进入这个:
$scope.$watch('selectedItems', function (newVal, oldVal) {
var classList = [];
for (var x = 0; x < $scope.selectedItems.length; x++) {
if ($scope.selectedItems[x].checked) {
classList.push($scope.selectedItems[x].key);
}
}
$scope.model.value = classList.join(' '); // imploding class list
}, true);
与其将带有类列表的整个数组添加到前端,不如将数组内爆并用空格分隔各个类。
关于html - Umbraco Json 到 css 类 ="[]",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50149298/