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

angularjs - Ionic/Cordova 应用程序中的身份验证

首先,我不是专业人士。

为了成为更好的开发人员,我试图了解需要什么以及如何完成为 Ionic-Framework 应用程序创建注册/登录。

大多数单页应用程序 (SPA) 在节点服务器上处理身份验证,该节点服务器也为客户端提供 HTML。在我的情况下,手机本身将提供 HTML,所以我猜我可能会遇到一些 CORs 问题。

我了解 Ionic-Framework 使用状态和基于angular-client-side-auth 的repo,每当我在我的应用程序中更改状态时,我都应该进行身份验证。

我有一个初始的应用程序设置,但现在我有点困惑从这里去哪里。

我可以使用的工具:

  • Node.JS 服务器 - 感谢 DigitalOcean(我应该使用它作为我的数据库的代理吗?)
  • CouchDB 服务器(我们来了全栈)

我的问题:

  1. 使用混合应用程序时进行身份验证的标准方法是什么?
  2. 我应该使用 Node.JS 作为数据库的代理吗?
  3. 我应该跳过 node.js 并直接使用 CouchDB 服务器进行身份验证吗?(我听说过这个)
  4. 我是不是走错了路?
  5. 我的潜在障碍是什么?
  6. CORS 如何与混合应用程序一起使用?
  7. 有什么我想念的吗?

感谢您帮助我成为更好的开发人员。

0 投票
4 回答
10510 浏览

javascript - 如何进行混合移动应用理念?

我们拥有可盈利的移动应用理念,并将构建我们的第一个移动混合应用程序。

我调查了几件事,发现要实现我的端到端目标,我需要:

  1. 前端 UI 框架:可能的选项:Ionic / AngularGap [但文档似乎解析]。

  2. 然后我认为我们需要为各种平台使用 PhoneGap 来包装它。

  3. 有一个后端框架 - Loopback / Parse

我还没有查看具体的文档,但如果路径正确,有经验的建议会非常有帮助。

我现在不知道的是:

A. 我的想法是正确的,我应该如何进行。

B. Ionic 是一个 UI 框架,我如何将它与 Phonegap 连接,例如如何访问本机功能。我想我必须使用 angular 来调用 Phonegap apis ?

C. 如果我得到前端部分集,我如何调用像环回那样的后端api?通过 REST 调用?还是有其他更有效的方法来做到这一点?

有没有更简单的方法来实现这一点?

0 投票
4 回答
26647 浏览

angularjs - 仅将 Ionic Framework 或 OnsenUI 用作托管 Web 应用程序有什么缺点

我们计划使用 AngularJS 创建一个托管 Web 应用程序。作为 UI 框架,我们发现 Ionic 和 Onsen 可以很好地与 AngularJS 配合使用。这两个框架都宣传它们是专门为混合应用程序设计的。但我们我理解正确,这两个框架都是基于网络技术的。那么在为非混合应用程序使用建议的 UI 框架时有什么缺点呢?主要是浏览器支持吗?

谢谢

0 投票
3 回答
14553 浏览

javascript - AngularJS - 用作单选按钮的 3 按钮组

使用Ionic 框架,我试图创建一组三个按钮作为单选按钮:

按钮组图片

如果我点击早餐,我希望午餐和晚餐恢复正常(白色)状态,早餐变成蓝色。

使用我当前的代码,我无法使用此功能,尽管我可以让按钮稍微随机地切换颜色(也许我只是不理解ng-class指令)。

这是我的 HTML 代码:

我的 JS:

如果您需要更多信息和可行的解决方案,我可以将代码放入 JSFidle。

谢谢你的帮助。


注意:我想维护我的active()函数,并ng-class尽可能使用该指令,因为我有很多其他代码依赖于这个函数。

0 投票
0 回答
119 浏览

javascript - 在不定义 url 的情况下使用 UI-Router

关联

我有一个 codepen 示例,我在侧面菜单中路由视图(向右拖动以将其打开)并更改视图以创建伪子菜单导航。

这是来自 codepen 的示例状态提供程序

我想知道的是这些网址是否可以删除并且仍然有效。我已经尝试过并且没有任何运气,并且想知道是否有人知道 UI-Router 知道是否需要设置不需要任何 url 的状态。任何想法或帮助表示赞赏。

0 投票
2 回答
3400 浏览

javascript - 测试 AngularJS 服务,它返回一个承诺而不调用 $rootScope.$apply()?

我有一个返回承诺的 AngularJS 服务。

尽管代码运行良好,但测试给我带来了一些困难,因为在我的单元测试中从未调用过 promise 的“then”方法。

常见的答案似乎是“在 JasmineJS 测试中未触发 AngularJS Promise Callback Not Trigged$rootScope.$apply() ”一文中提到的调用。但是,如果我这样做,我的测试会尝试进行 load ,这不是预期的:templates/home.html

如果我未能 include $rootScope.$apply(),则永远不会调用 promise 的“then”方法,并且我会收到一个错误,即我的 spy 未按预期调用:

所以我的问题是——我应该如何让这些测试发挥作用?有什么办法可以避免打电话$rootScope.$apply()吗?或者,我是否需要想办法让我的代码不尝试去templates/home.html何时$rootScope.$apply()被调用?

服务

单元测试

被测控制器

完整代码在这里: https ://github.com/derekdata/barcode-cart-builder/

控制器:www/js/app.js 服务:www/js/services/services.js 测试:www_test/spec/controllers/ScanCtrlTest.js

提前感谢您能给我的任何见解。

0 投票
1 回答
1463 浏览

javascript - AngularJS 应用程序中的数据绑定与路由

我正在使用 Ionic 来启动一个新的 Phonegap 应用程序。它依赖于 Angular。

所以这里是视图:

控制器:

和配置:

所以 {{new_name}} 在更改上述输入时会更新,但控制器中 $scope.new_name 的值仍然是“ininame”并且永远不会改变。触发该功能时,console.log 显示。

请注意,如果我使用 ng-controller = "LoginCtrl" 添加一个 div,如下所示:

它完美地工作。模块配置中控制器的绑定应该与常规控制器的工作方式相同!

困惑...提前感谢您的帮助!

0 投票
1 回答
1946 浏览

angularjs - AngularJS - 服务何时检索数据?

服务/工厂何时从 HTTP 请求中检索数据?

在服务中创建工厂时,我很好奇 HTTP 请求何时发送,以及应用运行一段时间后如何处理。

我正在使用Ionic Framework编写我的代码。一旦我初始化我的应用程序,它会保持打开一两天,JSON 数据会以任何间隔刷新吗?还是仅在应用关闭后才刷新数据,然后再次打开?

我对 HTTP 请求的要求是每天早上 00:01 更新。

我想我的一般问题是:HTTP 请求如何获取数据?以及服务如何在 AngularJS 中工作。

这是我检索 JSON 包的代码:

0 投票
2 回答
1020 浏览

ios - 音轨的离子框架

我想用 Ionic 框架制作一个 iOS 应用程序。

我可以使用 Ionic 框架修改音轨,例如音高和音调吗?

Ionic 框架的限制是什么?

谢谢你。

0 投票
2 回答
2469 浏览

javascript - 位于虚拟键盘下方的 iOS 7.1 输入字段强制缩放焦点

我正在使用 Cordova 编写一个聊天应用程序,聊天视图在页面底部有一个类似 iMessage 的输入字段。在 iOS 7.0 中,单击字段会调整窗口大小并将输入字段置于键盘上方。在 iOS 7.1 中,单击输入字段只是将所有内容从底部向上推,并不会调整窗口大小。

我的视口设置为:

  • 相对于顶部定位输入时,不会发生调整大小。但是,将输入放置在足够低的位置以与键盘顶部对齐确实会导致无调整大小错误。这可以通过构建Ionic 磨砂玻璃演示并将页脚从

    <footer class="bar bar-footer bar-frosted"><button class="button button-clear button-positive" ng-click="add()">Add Message</button></footer>

    <footer class="bar bar-footer bar-frosted"><input name="testInput"></footer>

    在 www/index.html

这复制了 iOS7.1 中的错误,并在 iOS 7.0.x 中按预期工作。我已按照此处的建议进行操作,但它们的线程已过时并且最终无法正常工作。提前感谢您的任何见解!