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

html - 更改 html5 视频元素的背景颜色

我有以下网站:beta.leifsigersen.com

首页上有一部电影,有时需要一点时间才能加载(有时不到一秒钟,有时几秒钟)。在加载电影之前,有黑色背景/边框。我怎样才能改变它的颜色?

我尝试使用视频元素的 CSS,但没有任何运气。

0 投票
0 回答
1513 浏览

angularjs - 无法理解 UI-Router 和嵌套视图

我正在使用 Angular UI Router 使用状态设置一个 AngularJS 应用程序。

在我的应用程序中有多个页面,其中两个具有选项卡式视图。所以我使用嵌套视图来显示有标签的页面。

问题是,当我导航到带有标签的页面时,后退按钮不会像导航到普通页面时那样出现在标题中。

我很难理解为什么不。选项卡式视图状态可能是抽象的,但加载的第一个选项卡不是。那么后退按钮不应该简单地出现吗?

我已经设置了这个 Plunkr 来证明我的意思:

http://plnkr.co/edit/jKII2S3uEnEOVDy9WBA2

0 投票
12 回答
25547 浏览

angularjs - AngularJS - (使用 Ionic 框架) - 标题标题上的数据绑定不起作用

我正在使用一个名为“Ionic”(http://ionicframework.com/)的基于 AngularJS 的库。

这看起来很简单,但它对我不起作用。

在我的一种观点中,我有以下几点

在上述视图的控制器中,我有

该视图的数据是通过一个简单的 HTTP GET 服务(称为 MyService)加载的。

问题是当我查看这个页面时,

不显示标题。这只是一个空白。根据 Ionic 文档(http://ionicframework.com/docs/angularjs/controllers/view-state/),我认为我做对了。

奇怪的是,这{{content.description}}部分有效,但content.title不起作用?

另外,是因为我正在动态加载内容(通过 HTTP GET)吗?

0 投票
1 回答
1158 浏览

node.js - 在 Cordova 命令行中添加平台时出错

我知道你在想什么。不,这不是您会看到的任何常见错误。我正在使用 Macbook,仅供参考。我第一次使用cordova/phonegap/ionic/angularjs/mongodb/nodejs,当我开始一个新项目时,我收到了这个错误:

它就这样一直持续下去。我读到一个解决方案可能是运行这个:

但这只是抛出了这个错误:

我真的不知道该怎么办。任何人都可以提供任何见解吗?我找到了这些解决方案,但我无法弄清楚如何使用它们......

将 Android 添加到 Phonegap 项目时出现错误

Phonegap 3 不适用于 Android Studio

编辑<<<< 这个解决方案可能有效!我将尝试并让您知道 > http://docs.phonegap.com/en/2.8.0/guide_getting-started_android_index.md.html#Getting%20Started%20with%20Android

0 投票
1 回答
4851 浏览

angularjs - angular-ui-router 嵌套视图和“RangeError:超出最大调用堆栈大小”

我正在使用最新版本的IonicFramework,它在引擎盖下使用 angular-ui-router 0.2.8。这是我第一次使用 ui-router,所以我可能犯了一个愚蠢的错误,但我不知道它是什么。当我导航到刚刚添加的新状态/一组视图时,我收到“超出最大调用堆栈大小”错误,并且 Chrome 选项卡崩溃。

我的基本 HTML 非常简单:

这是相关屏幕的路线配置:

只需使用上述路由配置启动应用程序就会导致错误,无需其他交互。

以下是我的看法...

事件.html:

请注意该<nav-view></nav-view>块,我期望子视图在其中呈现。

eventCheckin.html:

选择事件.html:

除了调用堆栈无限递归之外,我在控制台中没有收到任何其他错误。知道我做错了什么吗?

0 投票
3 回答
6866 浏览

angularjs - 离子框架无限滚动刚刚调用了一次

最近一天,我尝试使用 ionic 框架构建移动应用程序。而且我发现 ionic 的列表直接在它只有大约 30 个或更多项目时非常慢,非常糟糕。我已经尝试了angularjs 中的 bindonce方法来减少观察者的数量,但这并没有太大帮助。所以我尝试使用离子具有的无限滚动功能。

我的模板是这样的:

还有我的控制器

我的想法是该列表第一次只会加载 10 个项目,并且每次用户滚动到手机的底部边缘时,它都会调用loadMore函数,该函数将再加载 10 个项目。但似乎loadMore函数只调用了一次,所以我只有 20 个项目的列表,而我的数组有 100 多个项目。

也许我错了或离子框架的无限滚动有错误?

0 投票
1 回答
1163 浏览

angularjs - Difference between header-bar and class=bar-header

There are two ways in which one can make headers using Ionic framework.

And

Links in Documentation : For first : http://ionicframework.com/docs/components/ For second : http://ionicframework.com/docs/angularjs/views/header/

What is the difference between them?

0 投票
2 回答
7402 浏览

android - 开启硬件加速的 Android 页面转换缓慢

我正在尝试使用 Cordova 在 Android 4.3.1 上运行ionic-angular-cordova-seed项目。我注意到的一件事是页面转换(例如,单击选项卡或列表项)非常慢。

我尝试使用以下方法禁用硬件加速:

...而且效果很好。但随后滚动、侧边菜单滑动和更多动画变得极其缓慢。

我试过 FastClick,它没有任何区别。

我找到了这个基于 CSS 的解决方案来解决这个问题,但我对 Ionic 还不够熟悉,无法将它应用到它上面。有任何想法吗?

注意:我没有使用任何动画进行页面转换。

0 投票
2 回答
21366 浏览

angularjs - 如何实现滑动,捕捉移动页面(ionic + angularjs)

我使用 Ionic 框架和 angularjs 进行开发。

我的应用程序有大约 5 个菜单和设计,如 google play 商店

  • 新产品
  • 畅销书
  • 晋升
  • 店铺 ...

如何滑动将“新产品”移动到畅销书页面,......(谷歌商店播放 - 喜欢)

这是我的路线:

});

我试过ng-swipe-left,ng-swipe-right:

但不是动画。

请帮忙解决。太感谢了。

0 投票
2 回答
3546 浏览

javascript - 使用 Angular UI-Router 在 Ionic 框架中将状态作为新路由处理

我正在使用 Ionic 框架及其 AngularJS UI-Router 和 $stateProvider 来处理我的应用程序中的不同视图。

但是,我无法弄清楚如何告诉 $stateProvider 我有不同的“主视图”,每个都有不同的子视图。

/#/home例如,当我打开时,单击将我发送到的链接/#/about,然后/#/about不会呈现为它自己的新视图。相反,它转换到它,因为它是/#/home.

当我用 AngularJS $routeProvider 替换 $stateProvider 时,它的工作原理就像它应该的那样,但是所有的转换都消失了。

我已经创建了一支 Pen 供您查看。

http://codepen.io/anon/pen/gBDFi

它们之间不应有过渡。每个“基本”网址都应该是一个新的“标签”。