问题标签 [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.
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 和后退按钮的一些基本问题?我真的很感谢你的帮助,因为我现在很绝望。谢谢
javascript - 如何防止在离子框架中的页脚后面滚动内容
我的应用程序是使用离子框架 ( http://ionicframework.com/docs/api/directive/ionScroll/ ) 构建的。
你知道如何防止滚动页面内容不滚动到页脚后面吗? http://ionicframework.com/docs/components/#footer
这目前导致我看不到内容。我宁愿让滚动区域的边界结束在页脚的顶部(而不是屏幕的底部)。这可能吗?
ruby-on-rails - Rails Api + AngularJS + IonicFramework
我想开始一个新项目,但我不确定我是否使用了最好的设置/方法。该项目是一种不需要高计算能力的列表目录。
我计划用 Rails Api 和 AngularJs (+Bootstrap) 为普通设备和移动设备构建一个网站,并为应用程序使用相同的 api。
因此我计划使用 IonicFramework (+PhoneGap)。这是一种常见的方法还是我应该考虑任何最佳实践?
jquery - 在angular js中将动态内容添加到动态创建的内容中
我想像树状结构一样展示购物车类别。当我单击父ul>li
元素时,它会从服务器获取数据并动态添加新的数据集。我有 n 个级别,最初当我单击第一个级别时,我创建了一个动态子集并使用其类名将它放在父级之下。为新创建的子元素调用相同的函数,但这次它更新了单击元素的超级父元素。我创建了一个 plunker进行详细解释。
当我单击 men 类别时,其子元素填充有:
- 男士腕表
- 衬衫
当我点击“男士腕表”时,它应该在其下方添加下一个级别 - 但它会覆盖现有数据。
请帮我。我是角度的新手。
HTML:
脚本:
cordova - 使用离子框架在android中显示图像库中的图像
您好,我正在尝试开发Android
应用程序以从图片库中加载图片。这是代码片段。我无法显示图像。有人能指出我哪里出错了吗?
*.html
控制器.js
这里 ia ImageURI 我在从图片库中选择任何文件后收到:content://media/external/images/media/17。我为我的图像 src 盲目地硬编码了这个值。但我没有看到任何东西。这里有任何输入吗?
此外,ImageURI 也没有绑定到我的文本框。警报是正确显示 URI。
使用普通的 phonegap 应用程序看起来很简单。但是我不喜欢使用离子框架。
angularjs - AngularJS/Ionic 服务工厂缓存
我正在尝试“缓存”我的角度服务工厂。我希望它仅在第一次加载页面时使用缓存来访问 URL。然后,当我浏览到我的详细信息页面 (findById) 时,我想使用缓存。这有意义吗?
下面是我现在所拥有的,但我无法找到一种可靠的方法来处理这种异步。我的控制器正在调用服务。
ajax - 多次更新范围时遇到问题
我在离子框架 beta 1 中使用 angular。
这是我的 ng-repeat html:
这是 my ,它从 XHRcontrollers.js
获取数据。ng-repeat
数据加载正常,但我希望在我的应用程序中实现一个刷新按钮,重新加载外部 json 并更新ng-repeat
. 当我$scope.doRefresh();
多次调用时,我在 JS 控制台中收到此错误:
ionic-framework - 没有 Angular 的 Ionic 框架
我想在没有 Angular 的情况下使用带有 Reactive Coffee 的 Ionic UI 框架。有什么阻止我吗?
看起来 Ionic 中实际上不需要 Angular,但我一直在阅读关于 Ionic 与 Angular 密切相关的模糊建议。这有什么意义吗?
javascript - Angular - 拼接数组的麻烦
我对 AngularJS 很陌生,所以我确定我只是犯了一个简单的错误。
我想var newCard = cardTypes.shift();
在线上拼接 cardTypes 数组而不是使用.shift()
,这样我就可以考虑我的 ng-repeat 索引。
它可以正常工作,.shift()
但如果我尝试,则根本没有数据通过.splice(index, 1)
。
任何帮助将不胜感激。
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