问题标签 [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 投票
2 回答
203 浏览

angularjs - 奇怪的导航错误,带有侧边菜单,路由视图不会更新

我对 ionic(使用 1.0.0 beta1)和 Angular 还很陌生,我正在做我的第一个项目,在那里我遇到了奇怪的错误,我无法理解。

我的应用程序基于“Ionic Book”任务应用程序,如下所述:http: //ionicframework.com/docs/guide/building.html

这是我的应用程序的链接: http://plnkr.co/edit/zp49fsbmOfMiQfXDopxt?p= preview1

在我的任务应用程序版本中,任务称为“实例”,每个实例都有几个“类别”。每个类别都有一个标题和一个状态。用户可以通过“+”按钮在侧面菜单中输入实例。每个实例都是用一些虚拟类别创建的。用户可以选择他的实例,然后选择一个类别来查看其状态。

要查看发生了什么错误,请访问我的应用程序http://plnkr.co/edit/zp49fsbmOfMiQfXDopxt?p=preview1并添加一些带有虚拟标题(如 a、b、c、d)的实例。url 表单可能保持为空,现在还不需要。暂时不要点击类别。您会注意到从一个类别切换到另一个类别的工作正常(尽管所有实例都具有相同的类别)。

现在,当您单击实例中的类别时,例如在实例 b 中,视图会显示类别状态,并在导航栏中显示正确的类别标题。当您现在单击后退按钮时,混乱开始了:

如果您现在单击任何类别,视图将始终显示您最初单击的类别!不是你想看到的。另外,如果我现在更改实例(例如实例 a)并尝试切换回实例 b,则不会执行切换(标题仍为 a)!

我真的看不出这些错误来自哪里,因为 localeStorage 似乎在点击时更新了!(检查 localStorage 中的 lastActiveInstance 和 lastActiveCat 变量!)

你们知道我的错误在哪里吗?到这个时候,我认为这一定是 $stateProvider 和后退按钮的一些基本问题?我真的很感谢你的帮助,因为我现在很绝望。谢谢

0 投票
2 回答
7166 浏览

javascript - 如何防止在离子框架中的页脚后面滚动内容

我的应用程序是使用离子框架 ( http://ionicframework.com/docs/api/directive/ionScroll/ ) 构建的。

你知道如何防止滚动页面内容不滚动到页脚后面吗? http://ionicframework.com/docs/components/#footer

这目前导致我看不到内容。我宁愿让滚动区域的边界结束在页脚的顶部(而不是屏幕的底部)。这可能吗?

0 投票
1 回答
2883 浏览

ruby-on-rails - Rails Api + AngularJS + IonicFramework

我想开始一个新项目,但我不确定我是否使用了最好的设置/方法。该项目是一种不需要高计算能力的列表目录。

我计划用 Rails Api 和 AngularJs (+Bootstrap) 为普通设备和移动设备构建一个网站,并为应用程序使用相同的 api。

因此我计划使用 IonicFramework (+PhoneGap)。这是一种常见的方法还是我应该考虑任何最佳实践?

0 投票
2 回答
2860 浏览

jquery - 在angular js中将动态内容添加到动态创建的内容中

我想像树状结构一样展示购物车类别。当我单击父ul>li元素时,它会从服务器获取数据并动态添加新的数据集。我有 n 个级别,最初当我单击第一个级别时,我创建了一个动态子集并使用其类名将它放在父级之下。为新创建的子元素调用相同的函数,但这次它更新了单击元素的超级父元素。我创建了一个 plunker进行详细解释。

当我单击 men 类别时,其子元素填充有:

  • 男士腕表
  • 衬衫

当我点击“男士腕表”时,它应该在其下方添加下一个级别 - 但它会覆盖现有数据。

请帮我。我是角度的新手。

HTML:

脚本:

0 投票
1 回答
9712 浏览

cordova - 使用离子框架在android中显示图像库中的图像

您好,我正在尝试开发Android应用程序以从图片库中加载图片。这是代码片段。我无法显示图像。有人能指出我哪里出错了吗?

*.html

控制器.js

这里 ia ImageURI 我在从图片库中选择任何文件后收到:content://media/external/images/media/17。我为我的图像 src 盲目地硬编码了这个值。但我没有看到任何东西。这里有任何输入吗?

此外,ImageURI 也没有绑定到我的文本框。警报是正确显示 URI。

使用普通的 phonegap 应用程序看起来很简单。但是我不喜欢使用离子框架。

0 投票
1 回答
3730 浏览

angularjs - AngularJS/Ionic 服务工厂缓存

我正在尝试“缓存”我的角度服务工厂。我希望它仅在第一次加载页面时使用缓存来访问 URL。然后,当我浏览到我的详细信息页面 (findById) 时,我想使用缓存。这有意义吗?

下面是我现在所拥有的,但我无法找到一种可靠的方法来处理这种异步。我的控制器正在调用服务。

0 投票
1 回答
600 浏览

ajax - 多次更新范围时遇到问题

我在离子框架 beta 1 中使用 angular。

这是我的 ng-repeat html:

这是 my ,它从 XHRcontrollers.js获取数据。ng-repeat

数据加载正常,但我希望在我的应用程序中实现一个刷新按钮,重新加载外部 json 并更新ng-repeat. 当我$scope.doRefresh();多次调用时,我在 JS 控制台中收到此错误:

0 投票
4 回答
9961 浏览

ionic-framework - 没有 Angular 的 Ionic 框架

我想在没有 Angular 的情况下使用带有 Reactive Coffee 的 Ionic UI 框架。有什么阻止我吗?

看起来 Ionic 中实际上不需要 Angular,但我一直在阅读关于 Ionic 与 Angular 密切相关的模糊建议。这有什么意义吗?

0 投票
1 回答
419 浏览

javascript - Angular - 拼接数组的麻烦

我对 AngularJS 很陌生,所以我确定我只是犯了一个简单的错误。

我想var newCard = cardTypes.shift();在线上拼接 cardTypes 数组而不是使用.shift(),这样我就可以考虑我的 ng-repeat 索引。

它可以正常工作,.shift()但如果我尝试,则根本没有数据通过.splice(index, 1)

任何帮助将不胜感激。

0 投票
1 回答
2316 浏览

angularjs - Weird behavior of $index in ngRepeat

I'm using Ionic framework and I have the following code:

WORKS FINE:

DOESN'T WORK:

For those who are not familiar with Ionic, this function ensures me that currSlide is always updating its value and it's always the same value of $index:

More details: When I say that the second code doesn't work: the content of the first slide appears, but when I change slides, the content of the div doesn't appear. In the first code everything appears just fine (also the $index I am printing).

CODEPEN: http://codepen.io/anon/pen/mdsIr