问题标签 [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 回答
724 浏览

javascript - 带有模型数据的 Ui-Router

使用 Angular、Ionic 和 UI-Router,我正在尝试更改状态并将数据传递给状态参数。使用 Angular 内置的 Ng-Route,这很容易,但只需以这种方式创建链接。

但随着 Ionic 切换到 UI-Router,这往往会破坏已创建的转换。我看过演示,在人员控制器中,有一个设置状态更改的单击处理程序:

如果嵌套状态只是一个静态视图,则此方法有效。但我想知道的是如何正确更改状态并传递参数以获取数据。有任何想法吗?

0 投票
1 回答
16311 浏览

angularjs - Angularjs嵌套状态:3级

我正在使用 Agnularjs 和 Ionic 框架。我正在尝试实现嵌套状态,如下所示,

  • 事件菜单(根)
  •   家(2层)
  •     家庭1(3级)
  •     主页 2
  •   报到
  •   参加者

我的路线文件看起来像,

有关完整示例,请参阅 codepen:http ://codepen.io/liamqma/pen/mtBne

正在工作,但是

不工作。

任何帮助是极大的赞赏。谢谢!

0 投票
7 回答
23968 浏览

mobile - OnsenUI 与 Ionic 框架

我想开始使用 angularjs、css3 和 html5 开发移动混合应用程序。正在寻找一个框架,并找到了这两个。两者看起来都很好,但是我无法对它们进行很好的比较。谁能列出两者的优缺点。

在可扩展性、开箱即用组件、速度以及与 Angular 和目标设备的兼容性方面对它们进行比较将非常有帮助

0 投票
1 回答
4029 浏览

angularjs - 带有 AngularJs 的 Ionic 框架:模态框可以与启动模态框的视图具有相同的控制器吗?

我正在尝试为复杂对象构建多步表单。我使用模态来分割表格的一部分。我能找到的 Ionic 示例似乎为模态分配了不同的控制器。我想保留视图以及它启动的所有模式,所有这些都与一个控制器相关联。那可能吗?我尝试分配给模态视图 ng-controller="viewCtrl" ,其中 viewCtrl 也是启动模态的起始视图的控制器,但它似乎以高 CPU 挂起 chrome,这随后需要杀死 chrome 选项卡。(某种通过调用同一个控制器来实现循环效果??)欢迎您的建议/见解。

0 投票
1 回答
1115 浏览

javascript - AngularJS - 在页面底部从远程服务器加载更多数据

我是 AngularJS 的新手,我正在尝试使用 Angular 和 IonicFramework 开发一个简单的应用程序。我使用 $http.get() 从远程服务器加载一些数据,效果很好,但我想优化它,所以我不想在开始时加载所有条目。如果用户位于页面末尾,我想从服务器加载更多结果。

例如,我加载了 10 个条目,如果用户在最后一个条目之后向下滚动,它应该会自动刷新并加载更多条目。我希望有人可以帮助我做这样的事情。

谢谢

0 投票
1 回答
1439 浏览

angularjs - 如何让图像在 iOS 模拟器中显示?

我在cordova之上使用离子框架。当我通过浏览器查看应用程序时显示图像,但 iOS 模拟器仅显示损坏的图像链接。

图像 src 来自ng-src指令:

我正在创建网络服务器python -m SimpleHTTPServer 8000

我不时地运行 iOS 模拟器,cordova emulate ioscordova build ios && cordova emulate ios似乎有时会做一些事情。

0 投票
2 回答
1515 浏览

android - IBM Worklight 6.1 - 如何集成 Ionic 框架?

我正在尝试将离子框架添加到我的应用程序中。

为此,我从 ionic 网站下载了“入门模板”。该应用程序的 index.html 文件似乎在浏览器上正确运行并且没有任何问题。但是在为 Android 环境构建之后,该应用程序只显示一个白屏,其中没有任何内容。

以下是 Worklight 项目:https ://dl.dropboxusercontent.com/u/54761340/angulartest.zip

0 投票
2 回答
3193 浏览

ios - Cordova 在尝试添加平台时抛出语法错误

我正在尝试在 Ubuntu 服务器上安装 Cordova 和 Ionic Framework。我已经在上面使用了 Node.js,所以只需运行:

然后我从 GitHub 克隆了一个示例项目

我进入目录并尝试添加iOS平台库以构建它:

但是它会引发以下错误:

我已经尝试重新安装 Cordova,以防万一发生损坏,但没有运气。我似乎也找不到其他有这个问题的人,所以我有点卡住了。有任何想法吗?

0 投票
1 回答
1828 浏览

java - 科尔多瓦应用程序中的自定义网页视图

我是 android 开发的新手,刚开始使用 cordova、ionic 框架和 angular 开发一个 web 应用程序。我已经完成了应用程序的基本功能,发现应用程序中视图之间的转换有点慢我在这里找到了这篇文章来改进它们: https ://github.com/ajoslin/angular-mobile-nav/wiki/ PhoneGap,-提高-性能

我从来没有用过java编码,所以我被卡住了。

我尝试执行以下操作

转到路径中的 cordovawebview.java myapp\platforms\android\CordovaLib\src\org\apache\cordova并添加文件中缺少的导入语句(除了“import org.apache.cordova.CordovaWebView”),这些语句在文章中使用并复制粘贴了 myWebview 类。

然后我去了 StarterApp.java,下面的路径

并将其修改为

但是当我运行cordova build 命令时,我得到了一个错误。有人可以告诉我,我错过了什么吗?

0 投票
2 回答
11948 浏览

javascript - 将变量传递到 Ionic Framework 页面(基于 AngularJS)

我在 Ionic 框架中有一组选项卡,显示电影列表:

列表中的每个项目都链接到#/tab/movies/{{item.id}},例如#/tab/movies/27。我的电影在控制器中定义

我的页面路由如下:

我现在需要做的是,当单击上面列表中的每个项目时,它会将其带到它自己的页面,#/tab/movies/{{item.id}}我可以在其中显示诸如item.title或之类的内容item.image,以及返回按钮以转到列表。

为了做到这一点,据我所知,我需要为ng-template信息创建一个带有占位符的空白,然后在单击时如何将此信息传递给它,但我不确定如何执行此操作。