Question

我正在尝试将Observable绑定到RadListView，而不使用任何页面属性，但似乎做了一些完全错误的事情。以下是代码的缩小版本。

组件：

export class WeatherComponent implements OnInit {
    public weather : ObservableArray<StringWrapper>;

    constructor(private _weatherService : WeatherService) {
        this.weather = new ObservableArray<StringWrapper>([]);
        this.weather.push(<StringWrapper>{value:'Sunny'});
    }

    ngOnInit(): void {
        this._weatherService.getDummyWeather().subscribe(
            item => {
                this.weather.push(item);
            }
        );
    }
}

XML：

<RadListView [items]="weather">
    <template tkListItemTemplate let-item="item">
        <StackLayout orientation="vertical">
            <Label [text]="item.value"></Label>
        </StackLayout>
    </template>
</RadListView>

简单数据模型：

export interface StringWrapper {
    value : string;
}

服务：

@Injectable()
export class WeatherService {
    public getDummyWeather() : Observable<StringWrapper> {
        return Observable.of(<StringWrapper>{value:'Rainy'});
    }
}

服务正在更新模型，但视图没有反映更改，导致我认为问题位于可观察的绑定中。

任何帮助都将深表感谢！

N.B。检查了相关问题，但没有一个解决方案有帮助，即Nativescript RadListView not binding to source property解决方案导致构建错误。

Answer 1

将HTML更改为

 <Label class="titleLabel" [text]="item" textWrap="true" width="100%"></Label>

提示：似乎不需要stringwrapper。如果它只是一个字符串数组

，你可以使用下面的代码

console.dirxml($("css selector")[0]);

Nativescript + Angular2：RadListView绑定

1 个答案: