定义表单组时忽略 NativeScript RadDataForm Angular CSS 样式

Question

当使用 TKPropertyGroup 元素对 RadDataForm 表单字段进行分组时，CSS 会被忽略。

我正在使用这个简单的 CSS 来尝试使 iOS 表单字段看起来与 Android 表单字段相同，标签位于顶部而不是左侧：

DataFormEditorLabel {
    position: top;
    background-color: pink;
}

这在未分组的表单上运行良好，但是当使用 TKPropertyGroup 元素对字段进行分组时，CSS 将被忽略。

Form XML，没有周围的 GridLayout，是：

<RadDataForm row="2" [source]="address">
    <TKPropertyGroup tkDataFormGroups collapsible="true" name="Edit this address" collapsed="true">
        <TKEntityProperty tkPropertyGroupProperties name="address" hintText="address" index="0">
            <TKPropertyEditor tkEntityPropertyEditor type="Text"></TKPropertyEditor>
        </TKEntityProperty>
        <TKEntityProperty tkPropertyGroupProperties name="address2" index="1">
            <TKPropertyEditor tkEntityPropertyEditor type="Text"></TKPropertyEditor>
        </TKEntityProperty>
        <TKEntityProperty tkPropertyGroupProperties name="city" index="2">
            <TKPropertyEditor tkEntityPropertyEditor type="Text"></TKPropertyEditor>
        </TKEntityProperty>
        <TKEntityProperty tkPropertyGroupProperties name="state" index="3">
            <TKPropertyEditor tkEntityPropertyEditor type="Text"></TKPropertyEditor>
        </TKEntityProperty>
        <TKEntityProperty tkPropertyGroupProperties name="postcode" index="4">
            <TKPropertyEditor tkEntityPropertyEditor type="Text"></TKPropertyEditor>
        </TKEntityProperty>
        <TKEntityProperty tkPropertyGroupProperties name="country" index="5">
            <TKPropertyEditor tkEntityPropertyEditor type="Text"></TKPropertyEditor>
        </TKEntityProperty>
    </TKPropertyGroup>
</RadDataForm>

有没有其他人遇到过这个问题，或者我错过了使它工作所需的东西？

Answer 1

作为 CSS 不适用于 iOS 的解决方法，我添加了一个 TKPropertyEditorStyle 子项来实现我想要的：

<RadDataForm row="2" [source]="address">
    <TKPropertyGroup tkDataFormGroups collapsible="true" name="Edit this address" collapsed="false" hidden="false">
        <TKEntityProperty tkPropertyGroupProperties name="address" hintText="address" index="0">
            <TKPropertyEditor tkEntityPropertyEditor type="Text">
                <TKPropertyEditorStyle tkPropertyEditorStyle labelPosition="Top"></TKPropertyEditorStyle>
            </TKPropertyEditor>
        </TKEntityProperty>
...

导致我找到此解决方法的信息位于“样式编辑器”下的 https://docs.nativescript.org/angular/ui/ng-components/ng-DataForm/dataform-styling。