1
これは私が初めてStackOverflowで質問しているので奇妙に聞こえるかもしれません。私を我慢してください。だから、TypeScriptとAngularを使ってNativeScriptプログラムを書いています。 RadListViewをnativescript-telerik-uiに使用したいと思っていますが、それはあまり効果がありません。NativeScriptでRadListViewを使用するのに苦労している
これは私のapp.component.tsは、次のようになります。
import {Component} from "@angular/core";
import {RouteConfig} from "@angular/router-deprecated";
import {HTTP_PROVIDERS} from "@angular/http";
import {NS_ROUTER_DIRECTIVES, NS_ROUTER_PROVIDERS} from "nativescript-angular/router";
import {test} from "./pages/test.component";
@Component({
selector: "main",
directives: [NS_ROUTER_DIRECTIVES],
providers: [NS_ROUTER_PROVIDERS, HTTP_PROVIDERS],
template: "<page-router-outlet></page-router-outlet>"
})
@RouteConfig([
{ path: "/test", component: test, name: "test", useAsDefault: true }
])
export class AppComponent {}
そして、これが私のtest.component.tsです：
import {Component, ViewChild, ElementRef, OnInit} from "@angular/core";
import {Page} from "ui/page";
@Component({
selector: "test",
templateUrl: "pages/test.html",
styleUrls: ["pages/test-common.css", "pages/test.css"],
providers: []
})
export class test implements OnInit {
constructor(private page: Page) {}
ngOnInit() {}
}
そして、これが私のテストです.html：
<ActionBar title="RadListView"></ActionBar>
<lv:RadListView id="list-view" items="{{ items }}" xmlns='http://schemas.nativescript.org/tns.xsd' xmlns:lv='nativescript-telerik-ui/listview'>
<lv:RadListView.listViewLayout>
<lv:ListViewLinearLayout scrollDirection="Vertical"></lv:ListViewLinearLayout>
</lv:RadListView.listViewLayout>
<lv:RadListView.itemTemplate>
<label text="{{ name }}"></label>
</lv:RadListView.itemTemplate>
</lv:RadListView>
私は、変数項目test.component.tsでを使用してtest.htmlというにRadListViewを操作できるようにしたいです。しかし、私がしていることは、現時点では機能しません。誰かが私にその実例でそれを行う方法を教えてもらえますか？
ありがとうございます。 .htmlのファイルに
は属性xmlnsのxmlnsの話.. LVを使用するために、親要素にすることになっdeclartionないです、このリンクをチェック：LV = 'nativescript -telerik-ui/listview '..ラベルのバインディングもnativescript-angular構文を使用していません。[text] = "name"（s ameがリストビュー内の項目に適用されます）このチュートリアルでは、nativescriptと四角形のリストビューを確認します。https://docs.nativescript.org/angular/tutorial/ng-chapter-4.html#43-listview –
Nick、ありがとうあなたのコメントのためにたくさん。親要素にもxmlnsを宣言したいが、それが何であるか正確にはわからない。 ** app.component **の「」*ですか？ また、NativeScriptとAngularの* nativescript-telerik-ui *のチュートリアルや例がありますか？私はこのチュートリアル（http：//docs.telerik.com/devtools/nativescript-ui/Controls/NativeScript/ListView/getting-started）をチェックしましたが、今はどうなっているのですか？ –
physicist
GitHub（https://github.com/telerik/nativescript-ui-samples-angular）でこのリポジトリを見つけました。私と同じような問題を抱えている人には非常に便利です。 – physicist