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

jquery - 在单个 html 中编写多个页面

我需要在离子框架中实现类似这个 jQuery 结构的东西

我在谷歌上搜索但无法做到这一点。

目前我在我的html中有这个:

它给了我这个结果:

在此处输入图像描述

观察这些:

  1. 两个页面的标题重叠。

  2. 正在显示第 1 页(图像)的内容,并且正在将第二页的文本放置在图像上。

  3. 第 1 页的页脚与第 2 页的页脚重叠。因此仅显示第 2 页的按钮。

有人可以指导我在 ionic 框架中需要做什么,比如data-rolejquery 的属性吗?

PS:我尝试data-role='page'在 div 中添加。这根本不会改变结果。

0 投票
3 回答
17733 浏览

ionic-framework - 全屏查看离子移动应用程序

我有一个离子移动应用程序。我在移动浏览器上运行。它有一个静态的标题。即使向下滚动,我也需要隐藏该 Web 应用程序的地址栏,但这不会发生。

它的标题如下,

它在本机移动浏览器上运行。我使用控制台构建了应用程序。所以请帮我隐藏地址/标题栏并像 facebook 或其他网络应用程序一样运行

0 投票
1 回答
17495 浏览

angularjs - 在 Ionic Framework 上的 ion-tabs 之外创建视图

我是 Ionic 的新手,但我想尝试它已经很久了。我只是在玩,所以也许我没有得到完整的概念。

我正在尝试做一个简单的应用程序,底部有三个选项卡,所有三个选项卡都有一个设置图标。当您单击该图标时,据说选项卡应该隐藏并显示设置屏幕。

由于我不希望用户丢失任何内容,所有视图都继承自全局视图:

然后,tabs/view看起来像这样:

以及其中一种观点:

我想知道的第一件事是:有没有办法在所有视图之间重用这些按钮?一遍又一遍地定义它们似乎没用。

但这不是真实的东西™。当我单击“设置”时,会注入一些东西,ion-nav-view但它包含很多东西(不在模板上),而且它不会隐藏其他视图或选项卡。

一些截图:


(来源:ionicframework.com

正确的方法应该是什么?

0 投票
1 回答
1781 浏览

angularjs - 使用 ionicframework / angularjs 维护视图状态的推荐方法是什么?

我也是 Ionic Framework 和 AngularJs 的新手。

我正在开发的应用程序有一个用户可以搜索的视图,结果显示在列表中。当用户单击其中一个列表项时,它会导航到详细信息视图。当用户按下标题栏的“返回”按钮时,搜索文本框和结果列表为空,他必须重新搜索。

当用户从详细信息视图中按下后退按钮时,推荐的方法是什么,使搜索视图中填充了以前的搜索词和结果?(也可以恢复滚动位置)

我知道我可以将这些信息存储到一些服务中,但这听起来需要做很多工作。

有没有其他很酷的东西,比如视图状态服务或可以为我做这件事的东西?

0 投票
3 回答
13997 浏览

javascript - 如何在页脚(离子框架)中创建后退按钮?

我正在使用 Ionic 并想在页脚中创建一个后退按钮。这就是我的做法。

我的观点:

和这个视图的控制器:

我的问题:有没有更好的方法(即指令),或者这也是你这样做的方式?

0 投票
2 回答
1832 浏览

javascript - 循环在javascript中创建'$ scope'

如何使循环看起来像这样:

我想它是这样的:

请一些帮助,谢谢。

0 投票
4 回答
21446 浏览

css - 如何使用离子框架显示项目符号列表?

使用 ionic 构建应用程序,我需要显示一个实际的项目符号列表:

  • 第 1 项
  • 第 2 项
  • 第 3 项

然而,框架似乎对元素进行了某种 CSS 重置/魔法<ul><li>因此它们只能用作结构元素(例如列表),而不是 UI。

我最终创建了自己的unordered-listCSS 样式来为我提供所需的 UI。这是自己动手的正确方法吗?还是 ionic 有一些我应该使用的 CSS 样式深埋在里面?

提前。

0 投票
2 回答
2707 浏览

iphone - Phonegap Build + Ionic:找不到插件“设备”,或者不是 CDVPlugin

全部,

我决定尝试使用 ionic 和 phonegap 构建。在我尝试使用插件之前,一切都很顺利。一旦我尝试调用插件,我就会得到

未找到插件“设备”,或者不是 CDVPlugin

在 weinre 控制台中,我得到

5 秒后 deviceready 未触发。频道未触发:onCordovaInfoReady

我可以在 Phonegap Build 上看到插件被识别,如果我下载 ipa 文件并展开内容,我可以看到一切都在那里。我怀疑这是一个离子问题,因为我正在与 Phonegap 的 Ismael 合作(超级响应和乐于助人,顺便说一句)。他给我发了一个 phonegap 示例,根据他的配置设置和代码,我运行相同但仍然有问题。如果有人可以帮助我,我将不胜感激。

我做了什么

  1. 须藤 npm 安装离子 -g
  2. sudo npm install phonegap -g
  3. 须藤 npm 安装科尔多瓦 -g
  4. sudo 离子开始 xxxx
  5. sudo 离子平台添加 ios
  6. 光盘 xxxx
  7. 光盘 www
  8. phonegap 远程构建 ios

环境

  • OSX 10.9.2
  • 运行 iOS 7.1 的设备 iPhone 4s
  • PhoneGap Build 项目版本 3.3.0
  • 离子-v1.0.0-beta.1
  • phonegap CLI 3.4.0-0.19.8
  • 科尔多瓦 CLI 3.4.0-0.1.3

配置文件

索引.html

应用程序.js

0 投票
3 回答
29042 浏览

javascript - 控制器中未定义的 Ng-model

我在从控制器读取 ng-model 时遇到了一些“问题”。

我想做这个:

在我的控制器中访问该变量,如下所示:

这就是我想要做的,但我的代码变量是未定义的。

我找到了两种方法来让它工作:

1) 将变量作为参数传递

和:

2) 将我的变量声明为对象

和:

(我更喜欢第二个)

但我对我应该做什么有点困惑。可以像对象一样声明我的 ng 模型吗?我必须像对象一样声明我的所有模型?


编辑:这是问题的 Plnkr

在这个例子中(我使用的是Ionic框架),我用值 test 声明了一个变量代码,当我在输入中更改模型并按下开始按钮时,理论上我必须在警报中看到新值模型。但我看到的是旧的。

谢谢!

0 投票
1 回答
948 浏览

angularjs - 单击后如何使链接文本/图像变暗?

我正在设计一个带有 angularjs 和 ionic 框架的移动应用程序。感知响应能力很重要,所以我想实现一个功能,使点击的项目变暗。所以:项目不透明度 1 -> 用户点击图像 -> 将项目不透明度设置为例如 0.5 -> 将用户重定向到 href 地址。

这应该如何以角度/离子框架方式实现?

这是一个有点工作的片段,但会产生 50 毫秒的延迟。此外, preventDefault() 和 window.location.href 可能不是最好的使用(没有让 $location 工作)。角度动画/css 可以用于相同的效果吗?是否可以以某种方式对所有链接强加,这样就不需要单独的动画点击属性。

和指令