在特定情况下,角度/本地脚本数据绑定是否可能无效?

时间:2019-04-11 13:16:15

标签: javascript angular typescript nativescript angular7

我在本机脚本/角度应用程序中使用了telerik的nativescript-ui-chart插件,但遇到一个奇怪的问题:在RadListView内使用RadPieChart的实例,并尝试对图表的各个部分进行样式设置处于正常和选定状态(如以下)


<Palette tkPiePalette seriesState="Normal" seriesName="orders">
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[0]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[1]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[2]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[3]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[4]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>   
</Palette>

<Palette tkPiePalette seriesState="Selected" seriesName="orders">
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[0]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[1]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[2]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[3]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>
    <PaletteEntry tkPiePaletteEntry [fillColor]="chartDataIterable[4]?.color" strokeColor="Transparent" strokeWidth="0"></PaletteEntry>   
</Palette>

fillColor属性上的角度数据绑定仅适用于在html文件中物理位置较高的调色板。此行为确实很奇怪,我想了解引起它的原因,这还因为在RadListView之外使用时,完全相同的组件将按预期方式工作。我找到了解决此问题的方法,但我真的很好奇可能导致数据绑定那样工作的情况

0 个答案:

没有答案