问题标签 [angular2-nativescript]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
2700 浏览

android - 设备上的 nativescript livereload

我正在使用https://github.com/NathanWalker/angular2-seed-advanced创建一个正在运行的 nativescript 应用程序。

现在,我是 nativescript 的初学者,想问一下,我如何才能实现良好的开发流程。

我来自 ionic,在那里我能够在我的开发机器上看到控制台输出,并且能够在有线连接的设备上实时测试我的应用程序。实时重新加载也在运行。

所以我的问题:

  1. 我可以在设备上运行我的应用程序而不将其发布到商店吗
  2. 我可以使用 adb 或 nativescript cli 命令在本地开发机器上以某种方式看到 console.log 输出吗?
  3. 开发 nativescript 应用程序是否可以实时重新加载?

先感谢您!

0 投票
2 回答
1203 浏览

angular - Nativescript angularjs 2.0 数据绑定

使用 nativescript 2/angular 2,数据绑定有问题。我熟悉 angularJS 1.x,但我读过的文档应该可以工作。尝试了 ngModel 的不同变体,但不起作用。record.name 的值为“未定义”。

记录类只定义了一个 id 和 name 字段。我的另一个问题是如何触发组件的更改事件?如果用户开始输入文本输入,我如何在他们输入时调用组件中的函数?

下面是我的“html”:

添加记录组件:

谢谢!

0 投票
0 回答
810 浏览

ios - 在 NativeScript 中使用 Cocoapods

cannot find name {pod-name}Nativescript在尝试运行时抱怨它tns run ios。我已经仔细检查了是否安装了 pod,所以它不是缺少的 pod。

我已经生成了这个链接中提到的类型。甚至奇怪的是 pod 名称(这里是它的 JTSImageViewController,JTSImageInfo)在代码编辑器中自动完成。

我已按照此处的说明进行操作,但使用的是打字稿而不是 javscript,但到目前为止还没有运气。

0 投票
4 回答
5308 浏览

nativescript - 本机脚本未显示 res:// 图像

我正在关注 NativeScript 教程,但是当我尝试使用 res:// 加载图像时,它不适用于 iOS。

该文件位于 App_Resources/iOS/logo.png

更新:

现在工作:

1.- 从设备/模拟器中卸载应用程序

2.- 然后做一个新tns build ios的得到一个新的构建

0 投票
1 回答
1537 浏览

nativescript - NativeScript 2.0 自定义组件和 CSS

我遇到了 NativeScript 2.0 CSS 和自定义组件的问题。我的知识似乎存在巨大差距,我错过了一些不明显的重要内容。

使用创建的空 NS 2.0 应用程序

删除app.css的内容(防止副作用)。

更改app.component.ts

很基本的东西。产生以下预期结果:

预期结果


让我们尝试将内部 StackLayout 转换为可重用组件。

custom.component.ts

更改app.component.ts

现在输出如下所示:

在此处输入图像描述

应用背景颜色但不应用宽度。

我什至尝试过:

无济于事。

我意识到百分比是实验性的,但怀疑错误出在我的代码而不是 NativeScript 中。

我哪里做错了?

0 投票
4 回答
9938 浏览

angular - 如何在angular2中使用nativescript的WebView?

我正在尝试在我的页面上插入一个web 视图并收听“loadFinishedEvent”...但是为此,我需要通过 nativescript 方式在我的组件(ts 文件)中找到 webview 我需要包装我的 xml (用户界面)带有标签:

但是这样做我得到了这个错误:“ TypeError:this.page.frame._getNavBarVisible is not a function ”,并且没有Page标签我已经尝试过一些方法但没有成功......

我也没有找到任何样本,有人可以帮助我吗?

0 投票
1 回答
200 浏览

angular - 在 NativeScript Angular 应用程序中获取 ScreenMetrics

如何访问ScreenMetricsNativeScript Angular 2 应用程序?

是否应该使用 Angular 的 DI 系统,注入 ScreenMetrics?我猜不是,因为虽然Import声明很好,但以下内容不起作用。我在控制台中看到奇怪的错误。

不幸的是,文档不是很完善,大多数代码示例都是纯 JavaScript 代码。

0 投票
2 回答
2972 浏览

nativescript - nativescript中的动态GridLayout与角度2

我对 Nativescript 和 Angular 很陌生,这是我第一次尝试移动应用程序开发,所以请多多包涵。

我正在尝试使用 Angular2 和 Nativescript 创建一个基本应用程序。我想要做的是在应用程序启动时在屏幕底部显示 3 个按钮(这些按钮是在初始化时动态创建的)。一旦您单击这些按钮中的任何一个,我希望将这一行向上移动并显示第二行按钮。过渡应该是动画的。

在我尝试的第一种方法中,我无法将 GridLayout 添加到我的 DockLayout 中。

home.html 文件

home.component.ts 文件片段

我正在考虑的另一种方法是硬编码我的模板并且只显示第一行。点击第一行中的一个按钮,我会将其向上移动并在第二行中淡入淡出。我无法在页面上获得对 GridLayouts 的引用以允许我执行此操作。我想我可能需要使用“let container = this.container;” 但我对此有点不确定。

home.html 文件

home.component.ts 文件

我的目标最终布局是(一旦我设置了点击事件和路由,新一行按钮上的任何点击 - #second_row - 都会导航到其他页面):

我将不胜感激有关该主题的任何帮助和建议。

提前致谢!

0 投票
2 回答
2098 浏览

nativescript - NativeScript 和每个选项卡的单独 NavigationBar (ActionBar)

我正在尝试在我的 NativeScript 应用程序中实现 UI,该应用程序有 2 个选项卡,每个选项卡都有自己的导航堆栈。在某些应用程序中可以看到类似的模式,例如照片应用程序。这是一个演示:

在此处输入图像描述

NativeScript 有可能吗?使用以下代码(Angular 2),我最终得到了一个跨两个选项卡共享的导航栏。只保留第二个(标题附近):

0 投票
3 回答
1807 浏览

angular - Angular 2 Nativescript 网络/移动应用程序

我是 angular 2 和 nativescript 的新手。我想创建可以在网络和移动设备上运行的应用程序。我读到您可以使用此框架共享代码并仅切换模板,但没有教程或文档。所以,如果有人能给我一些开始的方向,我该怎么做。

谢谢!