问题标签 [nativescript-telerik-ui]

Angular RC6 升级后，我无法运行应用程序（构建良好）。罪魁祸首似乎是 nativescript-telerik-ui 库。引发以下错误：

第一个错误是这一行：

var di_1 = require('@angular/core/src/di');

第二个是：

var angular_1 = require('nativescript-telerik-ui/sidedrawer/angular');

它在 RC5 上运行良好。

nativescript-telerik-ui 版本 0.3.1

tns 版本 2.2.1

我无法从与常规 ListView 一起使用的数据初始化 RadListView。我有一个可观察的数组，它应该在列表视图中输出项目，并且当使用常规的旧列表视图时，它工作正常。我想利用 RadListView 中开箱即用的滑动功能，但我只是尝试使用我在常规 ListView 中使用的相同数据进行初始化时遇到了一个冗长的错误。

我得到的错误是：

更新：所以，我在showingModally 处理程序中初始化数据。将更新数组的代码移动到加载的处理程序不会使我的应用程序崩溃，但不会显示列表视图。这是我的初始化代码：

这是症状：

这是由这个 xml 生成的：

我试图让它工作，但它只会给我以下错误。我为nativescript-groceries应用程序做了几乎相同的事情，但是 angular2-seed-advanced 的架构有些不同，似乎是 nativescript 和种子项目和 Telerik-ui 之间的某个依赖注入问题。

任何帮助表示赞赏：

异常：/data/data/com.yourdomain.appname/files/app/app/components/app.component.tns.html:0:0 中的错误 原始异常：TypeError：无法读取未定义原始堆栈跟踪的属性“android”： TypeError：无法在 RadSideDrawer 读取 RadSideDrawer.initOldDrawer (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-telerik-ui/sidedrawer/sidedrawer.js:91:40) 处未定义的属性“android” ._createUI (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-telerik-ui/sidedrawer/sidedrawer.js:147:18) 在 RadSideDrawer.View._onContextChanged (/data/data/com. yourdomain.appname/files/app/tns_modules/ui/core/view.js:197:14) 在 RadSideDrawer.View._onAttached (/data/data/com.yourdomain.appname/files/app/tns_modules/ui/core/ view.js:149:14) 在 Page.View。_addViewCore (/data/data/com.yourdomain.appname/files/app/tns_modules/ui/core/view.js:125:18) 在 Page.View._addView (/data/data/com.yourdomain.appname/files /app/tns_modules/ui/core/view-common.js:952:14) 在 Page.Object.defineProperty.set [作为内容] (/data/data/com.yourdomain.appname/files/app/tns_modules/ui /content-view/content-view.js:19:22) 在 ViewUtil.insertChild (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:56:28 ) 在 ViewUtil.createView (/data/data/com.yourdomain .appname/files/app/tns_modules/nativescript-angular/view-util.js:110:25）错误上下文：[object Object]appname/files/app/tns_modules/ui/core/view.js:125:18) 在 Page.View._addView (/data/data/com.yourdomain.appname/files/app/tns_modules/ui/core/view- common.js:952:14) 在 Page.Object.defineProperty.set [作为内容] (/data/data/com.yourdomain.appname/files/app/tns_modules/ui/content-view/content-view.js: 19:22) 在 ViewUtil.insertChild (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:56:28) 在 ViewUtil.createAndAttach (/data/data/ com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:103:18) 在 ViewUtil.createView (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript- angular/view-util.js:110:25) 错误上下文：[object Object]appname/files/app/tns_modules/ui/core/view.js:125:18) 在 Page.View._addView (/data/data/com.yourdomain.appname/files/app/tns_modules/ui/core/view- common.js:952:14) 在 Page.Object.defineProperty.set [作为内容] (/data/data/com.yourdomain.appname/files/app/tns_modules/ui/content-view/content-view.js: 19:22) 在 ViewUtil.insertChild (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:56:28) 在 ViewUtil.createAndAttach (/data/data/ com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:103:18) 在 ViewUtil.createView (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript- angular/view-util.js:110:25) 错误上下文：[object Object]appname/files/app/tns_modules/ui/core/view-common.js:952:14) 在 Page.Object.defineProperty.set [作为内容] (/data/data/com.yourdomain.appname/files/app/ tns_modules/ui/content-view/content-view.js:19:22) 在 ViewUtil.insertChild (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js: 56:28) 在 ViewUtil.createAndAttach (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:103:18) 在 ViewUtil.createView (/data/data/ com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:110:25）错误上下文：[对象对象]appname/files/app/tns_modules/ui/core/view-common.js:952:14) 在 Page.Object.defineProperty.set [作为内容] (/data/data/com.yourdomain.appname/files/app/ tns_modules/ui/content-view/content-view.js:19:22) 在 ViewUtil.insertChild (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js: 56:28) 在 ViewUtil.createAndAttach (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:103:18) 在 ViewUtil.createView (/data/data/ com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js:110:25）错误上下文：[对象对象]在 ViewUtil.createAndAttach (/data/data/com.yourdomain.appname/files /app/tns_modules/nativescript-angular/view-util.js:103:18) 在 ViewUtil.createView (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js ：110:25）错误上下文：[对象对象]在 ViewUtil.createAndAttach (/data/data/com.yourdomain.appname/files /app/tns_modules/nativescript-angular/view-util.js:103:18) 在 ViewUtil.createView (/data/data/com.yourdomain.appname/files/app/tns_modules/nativescript-angular/view-util.js ：110:25）错误上下文：[对象对象]

这是我的更改

nativescript/package.json

nativescript/app/native.module.ts

nativescript/app/pages/app/app.component.ts：

nativescript/app/app/components/app.component.ts

nativescript/app/app/components/app.component.tns.html

nativescript/app/app/components/app.component.tns.css

我已经成功地让 Telerik Side-drawer 在一个视图中工作，但我坚持将其变成一个可以在全球范围内使用的组件。

我想避免将其复制并粘贴到每个视图中，所以我的问题是如何将它变成可重用的组件。

我正在尝试在本机脚本中创建示例应用程序。我通过引用http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/getting-started以下列方式将 RadSideDrawer 用于 sidemenu ：

在我的 app.component.ts 中，我给出了：

和

问题是，每当我尝试执行 toggleDrawer() 时，都会出现错误：

可能出了什么问题？我将 this.drawer 作为 [object Object] 并将 this.drawer.nativeElement 作为 ProxyViewContainer(5)，这意味着它正在识别元素，但不能调用 toggleDrawerState();

现在样式也被扭曲了，它现在在主视图中列出了 tkDrawerContent，我无法看到我在 tkMainContent 中指定的原始页面内容。

大家好！

我正在使用 Angular2 和 Typescript 试验这个包和我的 Nativescript 应用程序的问题。

当我运行应用程序并点击应该调用我的侧边抽屉的按钮时，我收到下一个未处理的错误：

完整的错误日志将在帖子的末尾，但这是我认为与解决此问题相关的日志部分。

Mymain.ts有下一个导入和声明：

我app.component.html有执行有问题的功能的按钮：

这是我的AppComponent课app.component.ts

在这种情况下，标签Button具有执行openDrawer()的(tap)属性，这是一个来自 sidedrawer 指令的函数。

这是我在此事中关注的文档：

• Telerik 用户界面
• Telerik UI 和 Angular
• Telerik UI 的 Angular Sidedrawer

这是完整的错误日志，以防我忘记提及其他内容：

提前非常感谢，我希望你能帮助我，请告诉我，如果你需要我提供一些关于这个问题的额外信息。

我试图从Telerik 的 UI 中使用 Angular2 为 Nativescript添加一个侧抽屉。

他们有一个名为的指令showOverNavigation，它是一个布尔值，当设置为“True”值时应该完成工作，但它目前不适用于我的项目。

我会附上我的app.component.html代码，所以也许你可以帮助我发现其中的任何错误。

请告诉我我可以就这个问题提供的任何其他信息。提前致谢！=)

我在 {N} 项目中使用 RadSideDrawer。

如果您快速打开和关闭抽屉（仅显示大约 1-2 毫米） - 那么所有水龙头都会被忽略，直到再次手动打开抽屉。

我认为这是一个时间问题 - 即使关闭，控件也认为它是打开的。这个错误也可以在 Telerik 在 Play 商店的示例项目中重现。

这里有 Telerik 的吗？

Ionic2 根据图像提供了带有左侧菜单滑块的漂亮模板：

是否有任何 NativeScript 方法可以使用 Angular2 执行此操作？

我安装npm i nativescript-telerik-ui到项目中，根据示例http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/getting-started将 html 代码放入我的文件中：

但是一旦我跑步，tns run android --emulator我就看不到 Deawer 出现在屏幕上。

我正在为 {N} 使用 Telerik UI Pro 组件（不支持）并且 DataForm 存在一些问题。

当我将对象传递给页面上下文时，使用 Picker 编辑器的所有字段都无法选择正确的值。

我将展示我编写的代码：

teste-model.js

teste.js

teste.xml

字段值应显示“VALUE 1”但显示“VALUE 0”：

有什么技巧可以解决这个问题吗？

更新

我已经做出了 Vladimir 推荐的更改，但选择器属性仍然没有反映对象更改。

我还在页面上添加了一个按钮，用随机值填充数据表单。text 属性通常会监听更改，但 picker 属性不会。

如果我选择一个选择器值并单击该按钮，则该属性将重置为第一个提供程序值。

实际代码是：

teste.xml

teste.js

teste-model.js