问题标签 [ionic-view]

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 回答
412 浏览

html - 将线性梯度应用于离子列表

我需要为列表应用线性渐变。我无法为整个列表做到这一点。这是一个 codepen 示例 - CODEPEN

我尝试将背景设置为红色,但它不起作用。

0 投票
1 回答
2352 浏览

angularjs - 离子:禁用特定状态的过渡效果

在我的离子应用程序中,当状态改变时,视图会随着“向左滑动”和“向右滑动”效果而改变。但我想为 3 个选定的状态禁用此效果。

$ionicConfigProvider.views.transition = 'none'config块中使用过,但它在所有状态下都禁用了这种效果。

如何仅从选定状态禁用此效果?

0 投票
0 回答
106 浏览

ionic-framework - 离子视图应用程序不调用网络服务

我正在使用Ionic View应用程序来测试我的应用程序。对于应用程序的大部分开发,我一直在使用ionic serve. 该应用程序使用在浏览器中运行该应用程序时被调用的 Web 服务。

但是,我现在正在尝试在 Ionic View 上运行该应用程序,并且没有调用 Web 服务,即使这在几周前还可以正常工作。URL 和所有内容。什么也没有变。我可以看到 Web 服务没有受到服务器端的影响。

以前有人遇到过同样的问题吗?

更新:

它也不适用于 PhoneGap 开发者应用程序。我还添加了cordova-plugin-whitelist

0 投票
1 回答
51 浏览

ionic-framework - 当我需要使用 Ionic Framework 在另一个视图中滑动视图时如何实现路由?

当我使用Ionic Framework在另一个视图中创建可滑动视图时,如何实现 ui-router

我需要制作一个日历视图,其中包含 3 个部分:

  1. 导航栏(不可更改
  2. 导航栏下方的日期详细信息栏在我滑动列表 (3) 时不应移动,并且应显示当前日期/日期
  3. 可滚动/可滑动的选定日期可用的时间段列表,此列表应该可以来回滑动到下一天/前一天并且可以滚动

这就是我想象自己应该如何:

在此处输入图像描述

0 投票
1 回答
69 浏览

ionic-framework - 离子视图 + OpenFB

我有一个使用 openFB 的应用程序。在使用离子服务运行它时,它工作正常。当我尝试使用 Ionic 视图对其进行测试时,没有出现 facebook 登录页面。

知道如何解决吗?

谢谢!索芬。

0 投票
1 回答
16595 浏览

angularjs - 如何在 ion-content 中渲染 svg

我的应用程序是使用 Angularjs 和 ionic 构建的,使用 cordova 用于混合移动应用程序,当尝试呈现从后端接收的 svg 内容时,应用程序无法呈现预期的图表。

这就是我的代码的样子

但是我看到的是 svg 数据而不是图像,我是否缺少任何声明或任何东西?

谢谢

0 投票
1 回答
1073 浏览

javascript - 向上滚动以显示密码输入时,如何防止 Ionic 视图弹回?

我正在使用 Ionic 框架来构建移动 iOS 应用程序。我的登录视图如下所示:

在此处输入图像描述

第二个输入,密码输入被键盘隐藏了一半,但是当我向上滚动以显示第二个输入并放手时,视图反弹回原来的状态,仍然掩盖了第二个输入。

这是中间状态(我按住并向上滚动)

在此处输入图像描述

我可以单击以选择第二个输入,但体验不是用户友好的。

我想:

  • 允许用户向上滚动并保持滚动位置而不会反弹,以便他们可以选择第二个输入
  • 或者,一旦选择了第一个输入,向上移动视图,使键盘位于第二个输入下方,从而易于访问。

下面是我的 login.html 模板的标记

当我在 Chrome 中检查时,ion-nav-view标记是这样的:

.view-container班级:

0 投票
2 回答
3749 浏览

angularjs - 如何以角度和离子重定向到另一个页面

我在使用 Angular js 进行离子重定向时遇到问题。这是我的代码

app.js

在我使用的代码中$location.path('/path');

但我也尝试过$state.go('/path'); 请帮我解决这个问题。

0 投票
1 回答
119 浏览

angularjs - 离子框架不能工作

我想用 Ionic 构建一个混合移动应用程序。这是我通过plunker进行的第一次试用。如您所见,我的 plunker 显示一个空白页面。我确实检查了问题是什么,但仍然没有发现。我的目标是在我的应用程序第一次启动时创建一个登录页面,然后用户将被重定向到home-page.html. 由于这只是示例,我不需要任何身份验证代码,我只需要让所有这些路由/链接都能正常工作。

请看一下我的index.html,如果我用普通的 HTML 标签替换......内的所有这些代码,它会正常显示。

  1. 头部部分:

    /li>
  2. 车身部分

在我的app.js中,我定义了两个这样的状态:

任何解决方案将不胜感激。谢谢。

0 投票
1 回答
591 浏览

ionic-framework - v 4.3 下的 android 不支持 flex css3

我正在使用 phonegap 开发和应用程序。我在我的运动场中使用 flex,对于 2.x - 4.3 版本,我使用旧的 flexbox,但我有新问题。

这是我为 4.4 - 5.0 所做的工作:http: //play.ionic.io/app/6850c655a6f1

但是当我使用 display:box 时,http ://play.ionic.io/app/b16f282b5a29 。我想要 ion-item 适合高度。

请帮我解决这个问题;(