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

angularjs - 如何解锁/启用和更改不透明度/透明度
有棱角的时候

我想在按钮中模拟类似于 ng-disable 的效果,该效果禁用并使按钮半透明,但在 div 上。

我正在使用离子框架(以防万一)。

我有这个 div,我希望它的透明度/不透明度为 50%,并在开始时被禁用:

但是,一旦单击另一个 div 中的按钮以使其透明度为 0% 并启用第一个 div 中的所有内容,这就是另一个 div,所以在 cityClick() 我想触发解锁/启用所有内容的东西在第一个 div 中并将第一个 div 的透明度设置为 0%:

我是一个有角度的新手,所以我只想有人指出我正确的方向来做到这一点。

0 投票
1 回答
2025 浏览

angularjs - 在 ionic 中转换现有的 Angular 应用程序

我遇到了一个我想在离子中迁移的角度应用程序的问题

我将 ui-router 用于角度,这是我的 app.js(在此处拍摄:https ://github.com/tarlepp/angular-sailsjs-boilerplate-frontend/blob/master/src/app/app.js )。我没有为我的项目对这个文件进行任何更改

现在我想为我的项目重用这个文件,所以我用这个替换了 ionic 给出的 app.js 并添加了

在 app.run 里面

这是我的 index.html :

我只是用前端替换了 ng-app 的名称,而离子主题没有正确收费。

我不知道问题是来自 ui-retour 依赖还是其他原因?我想我错过了什么

注意:我知道我必须更改项目的 html 和 css 文件,但是对于 index.html,我只有 ionic 提供的内容,并且我没有带有“ionic blank starter”的 ionic 选项卡,就像我一样开始一个空白的离子项目

这是我的路由器更改:

0 投票
1 回答
1834 浏览

ionic-framework - 如何使离子滚动适合或包装其中的所有内容?

我有以下内容,但它不允许我滚动浏览我的整个项目列表。当我向 ` 添加高度时,它可以让我根据这个高度滚动,但这对于大小可能不同的列表是不正确的。

是否有任何干净的方法(在 HTML 中不使用 style="height: ..." )使滚动适合/包装它的内容?

演示链接:http: //play.ionic.io/app/e13756f7b285

正如您在演示中看到的,最后一项没有显示,我想要顶部的静态标题和下面的离子滚动。

0 投票
1 回答
1772 浏览

ionic-framework - 清单里面没有垂直滚动

我在离子含量中有以下列表:

我只需要滚动该列表,因为我在其中有其他元素,我需要它们是静态/固定的(没有滚动)。这是视图现在的样子:

在此处输入图像描述

红色部分不能移动/不滚动蓝色部分是我想要滚动的部分,感谢您的帮助!

以防万一,完整的 html 代码如下:

0 投票
0 回答
466 浏览

angularjs - AngularJS 的 Ionic 框架中的子状态缺少后退按钮

我的问题是我的后退按钮在从选项卡导航后没有显示在详细页面中。我有我的状态

'poets.popular' & 'poets.popular'是两个选项卡都导航到详细信息页面。我想在我的详细信息页面上添加后退按钮,以便它导航回以前的状态。

索引.html

potent.list.html 或poet.popular.html都差不多,我写过single as。

详细信息.html

0 投票
0 回答
297 浏览

angularjs - AngularJS Ui-Router:后退按钮转换错误

目前我在我的 Ionic Framework App 中使用状态。当我按下后退按钮返回到以前的状态时,它会在同一个屏幕中显示当前状态和应该转换到的状态。

错误屏幕:

在此处输入图像描述

每个单独的屏幕如下所示:

屏幕一:

在此处输入图像描述

屏幕 2:

在此处输入图像描述

在从屏幕 1后退按钮转换到屏幕 2时,会出现错误屏幕。

在我的配置文件中,当前设置如下:

当我按下后退按钮时,从“tab.attendees”状态返回到“tab.event-detail”状态时会发生错误。如果它有助于我通过锚标记从“tab.event-detail”状态转换为“tab.attendees”状态,如下所示:

什么可能导致屏幕混合?

0 投票
2 回答
4732 浏览

ionic-framework - ng 指令和属性在 ion-content 内的 footer-bar 但

我有这个ion-footer-bar在里面工作得很好ion-content,问题是它没有像页脚一样粘在底部:

因此,当我将它放在 ion-content 之外时,它会停留在底部,但现在 ng-directives 不起作用,我相信这是因为它们没有共享相同的范围。

我什至尝试添加数据,就像Egghead 视频此评论中解释的那样,但它不起作用。我还在the和isKeyboardOpendata.*中添加了所有现有的变量,但这并没有解决问题。ion-contention-footer-bar such as

0 投票
2 回答
610 浏览

ionic-framework - 样式列表元素不起作用 Ionic

我有这个清单:

我有这种风格:

我尝试在 SO question 中遵循此建议,但没有奏效。

但是它们不起作用,我知道这是一个非常简单的问题,所以我对它为什么不起作用感到困惑,还有一个演示: http: //play.ionic.io/app/0180c18ca0a7

0 投票
3 回答
6671 浏览

angularjs - AngularJs 和 Ionic:更改并返回视图时停止/重新启动 $timeout

我有一个 1 分钟后更新的视图,我在离开这个视图之前停止了计时器,一切都很好。返回当前视图后,计时器不会再次重新启动。

这是这个视图的控制器的代码:

0 投票
1 回答
152 浏览

ionic-framework - 如何强制手机仅显示“纵向”屏幕方向,而平板电脑仅显示“横向”屏幕方向?

Ionic Framework,ionicframework.com,如何强制手机仅显示“纵向”屏幕方向,而平板电脑仅显示“横向”屏幕方向?