Html Umbraco Json到css类="；[……”是；

我正在使用并且正在使用数据类型网格布局，希望向每一行/单元格添加自定义设置（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不能理解这些类，因为它们有[]和逗号。我怎样才能使这些类正确地应用于元素

修改后的基金会5

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'，函数（newVal，oldVal）{
$scope.model.value=[]；
对于（变量x=0；x<$scope.selectedItems.length；x++）{
如果（$scope.selectedItems[x]。选中）{
$scope.model.value.push（$scope.selectedItems[x].key）；
}
}
}，对）；

为此：

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

$scope.$watch（'selectedItems'，函数（newVal，oldVal）{
var classList=[]；
对于（变量x=0；x<$scope.selectedItems.length；x++）{
如果（$scope.selectedItems[x]。选中）{
push（$scope.selectedItems[x].key）；
}
}
$scope.model.value=classList.join（“”）；//内爆类列表
}，对）；

---

与其将整个数组和类列表添加到前端，不如将数组内爆并用空格分割各个类。

Umbraco用于HTML模板的模板引擎是哪个？@MichaelCzechowski我使用的是我修改了bit@MichaelCzechowski基金会只是CSS框架。我指的是模板引擎，比如Twig。但也许你没用。你能给我们看一下你把这些类放在哪里的代码吗？@MichaelCzechowski这是来自umbraco的标准代码没有改变也没有改变，但我知道你想做什么，所以我想我可以调整一下以达到目的work@Patte哦，代码中有个错误。我会修好的。