问题标签 [ionic-framework]

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 投票
1 回答
1057 浏览

ionic-framework - chrome中的Ionicframework非常慢

我正在使用 Ionic 框架来构建一个 webapp。我目前正在使用 chrome 进行开发,以避免使用模拟器和设备。该应用程序非常简单 - 只需向 REST 服务器发出 GET 和 POST 请求,所有这些请求都在我非常强大的 macbook 上本地运行。

当我在 chrome 中重新加载页面时,向我的 REST 服务器发出 GET 请求实际上需要 10 秒。这是荒唐的。

该应用程序非常小 - 只有大约 8 个状态/页面。我添加到股票 ionic 中的唯一东西是 RESTangular。

是不是因为我使用的是 chrome 而这么慢,或者这是否表明存在重大错误?chrome 开发工具显示 ionic.bundle.min.js 处于等待状态 10 秒。有问题的不是我的服务器,因为有请求时会显示日志消息,并且大约 10 秒内没有任何反应。

0 投票
3 回答
2103 浏览

sass - 使用 grunt/steroids 构建 Ionic SASS

我正在尝试使用IonicAppgyver Steroids构建一个原型项目。Ionic 有一套非常好的 UI 和模板,建立在 AngularJS 之上。Steroids 提供了一些很棒的工具来测试移动应用程序(用于本地测试的内置 Web 服务器、自动部署、weinre 调试、模拟器集成、部署到真实设备和使用 weinre 调试的简单工作流程)。所以把它们放在一起听起来是有史以来最棒的主意。

我做了一个勇敢的尝试(详见下文),看起来很有希望。但是,当我运行 Steroids 构建工具时,他们尝试编译 Ionic 的 SASS,并遇到一堆错误。

细节....

我刚刚开始使用 Steroids 的新项目,使用他们的生成器命令:

然后,我在 www/components 中安装了 Ionic:

然后,我下载了一个Ionic 入门项目并手动将其与 Steroids 示例代码合并。我使用了 Ionic 代码,但将 CSS 和 JS 包含重定向到 www/components。然后我从示例 Steroids 代码中复制了包含:steroids.js, onerror.js, console.log.js, cordova.js. 我还复制了各种 config.xml 文件。

我可以在某处上传一些示例代码,但我认为这实际上并不是问题所在。我只是认为提供一些背景是个好主意。为了测试我的科学怪人的怪物,我跑了:

它在端口 4000 上启动一个小型 Web 服务器,并在浏览器中打开一个指向它的链接。然而,当 steroids 服务器启动时,它会检测 SCSS 文件并尝试编译它们。我真的不需要编译它们,因为 bower 包包含预构建的包,但是一旦我掌握了基础知识,我可能会想使用 SASS 来设置应用程序的样式,它不应该伤害任何东西。

但是,我收到以下错误:

因此,所有这些未定义的 mixins 和变量都存在于我的代码库中,分别位于www/components/ionic/_mixins.scss和下www/components/ionic/_variables.scss。这两个都包含在www/components/ionic/ionic.scss. 看起来 Ionic 希望您编译 ionic.scss,并让它以正确的顺序(合理)包含所有内容,但 Steroids(似乎正在使用grunt-contrib-sass)正在尝试以其他顺序编译目录中的所有 SCSS 文件.

那么,有没有办法配置 Steroids 或grunt-contrib-sass只编译ionic.scss?如果是这样,怎么做?如果做不到这一点,我该如何禁用 Steroids 中的 SASS 编译?

0 投票
1 回答
4942 浏览

ionic-framework - 选项卡内的离子滑动框

我无法让滑动框与离子框架一起使用。

我使用了 tabs 种子项目,更改了一些代码,然后从文档中插入了演示代码以用于幻灯片。

这是应用程序的一个 plunker: http ://plnkr.co/edit/FxRyJ62sCtSiJdGUPzAz?p=preview

滑动框位于数据选项卡 (tab-data.html) 中。

看起来一切正常:指令被识别等,但滑动框不起作用?

0 投票
2 回答
544 浏览

javascript - Angular服务复制数据

我正在使用 Ionic 框架,我有 2 个视图,一个用于我的所有商店,另一个用于商店详细信息。两者都从服务中读取数据。我的问题是,当我单击一个商店并返回时,所有商店都会再次附加。

这是我的代码的plnkr

谢谢!


编辑:

在答案中,我看到一种解决方案是在我的 get 函数中添加数组,这会停止我的重复数据,但是如果我想读取数组的对象怎么办。现在我在 get 函数中有这样的数组:http ://plnkr.co/edit/Ga8RVpwOvTnl4qkRVaWT?p=preview

0 投票
10 回答
74036 浏览

ionic-framework - 如何从 HelloCordova 重命名 Ionic 应用程序

Ionic 框架是非常棒的东西。我能够使用我一直在处理的一些 Angular 代码成功构建一个应用程序,但是对于如何重命名生成的应用程序这个简单问题,我找不到答案。输出应用程序始终称为 HelloCordova,似乎没有任何关于如何更改应用程序名称的文档。如果我开始手动挖掘替换 HelloCordova 的项目目录,我最终会得到一个无法运行的应用程序。当然,人们以前已经解决了这个问题。

0 投票
2 回答
5564 浏览

angularjs - 滑动时,Ionic 中不显示按钮

在 Ionic 框架内工作。我有一个非常简单的应用程序设置,无法在滑动时显示按钮:

0 投票
1 回答
2628 浏览

cordova - 使用 FileTransfer.Upload 将图像上传到 ASP.NET REST API

我目前正在尝试Android App使用Phonegap ionic framework. 我的要求是将图像从画廊上传到远程服务器。为了实现这一点,我实现ASP.NET REST API了将图像上传到服务器。(假设我要上传的 URL:)http://XXXX.net/api/Upload。在我的 REST API 中,我实现了UploadController:WebController. 我有一个 Post() 方法,如下所示。

服务器代码:

我的 Android 代码如下所示:

而已。当我执行时,我总是收到错误消息Error code = 3。任何人都可以让我知道如何完成这项工作吗?我实现 Web API 的方法是否正确?难道我做错了什么?谢谢!!

0 投票
2 回答
5019 浏览

node.js - 无法安装离子框架

我正在尝试安装 ionic 框架,但是当我运行“npm install -g ionic”时我不断收到错误消息。

这就是错误:

npm 错误!错误:未找到兼容版本:colors@'^0.6.2' npm ERR!有效的安装目标:npm ERR!["0.3.0","0.5.0","0.5.1","0.6.0","0.6.0-1","0.6.1","0.6.2"] npm 错误!
在 installTargetsError (/home/myname/local/lib/node_modules/npm/lib/cache.js:685:10) npm ERR!在 /home/myname/local/lib/node_modules/npm/lib/cache.js:607:10 npm 错误!在保存(/home/myname/local/lib/node_modules/npm/node_modules/npm-registry-client/lib/get.js:138:7)npm ERR!在 Object.oncomplete (fs.js:107:15) npm 错误!如果您需要帮助,可以在以下位置报告此日志:npm ERR!
http://github.com/isaacs/npm/issues npm 错误!或通过电子邮件发送至:npm ERR!

我已经更新了节点并清除了缓存。

任何想法?

0 投票
1 回答
1024 浏览

javascript - AngularJS + AngularFire = 如何编辑条目

我的$scope有:

$scope.current_account_key- 我的更新模式中的关键

$scope.current_account它有一个名字:$scope.current_account.name和一个描述$scope.current_account.description(帐户是我的条目)

我想用这些值更新 Firebase 中的条目。

Firebase 树:

0 投票
1 回答
2047 浏览

javascript - 离子框架 - 弹出取消按钮不起作用 - v1.0.0-beta.1“actinium”

“提示”不关闭“取消”按钮

在我的系统上,“取消”按钮不起作用。我复制粘贴了原始代码来做一个简单的测试,但不起作用。

我找不到什么问题。

测试示例:http: //jsfiddle.net/Chofoteddy/y7D4r/1

HTML:

JavaScript:

==== 西班牙语 ====

"prompt" no cierra con botón "cancel"

En mi sistema no funciona el botón “取消”。Hice un copy paste del código original para hacer una prueba sencilla y tampoco funciona。

没有 encuentro cuál es el 错误。

Ejemlo de prueba:http: //jsfiddle.net/Chofoteddy/y7D4r/1