问题标签 [ionic2]

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 投票
3 回答
23864 浏览

javascript - 离子指令与 Ionic 框架的 Angular 材料指令

我想在材料设计中使用离子。我被困在使用带有自定义CSS和角度材料的离子指令之间

我已经读过使用离子指令我们可以获得很多有效的功能,比如

  • UI-router 会记住应用程序数据,即使在导航到其他视图并返回页面后也是如此

  • 离子列表项仅渲染到显示高度,并在向下或向上滚动时重复使用

以及许多性能改进。

但是,如果我使用离子指令,它们就没有材料设计。

如果我使用 angular-material,我将不会获得这些性能改进以及移动应用程序所需的额外功能。

角度材料指令就像

离子指令就像

看起来Ionic 正在资助 angular-material项目开发,那么为什么 angular-material 与 ionic 不兼容?

如何在不失去 ionic 的性能改进和特性的情况下使用angular-material组件?

或者

将材料设计与离子一起使用有更好的主意吗?

0 投票
2 回答
1037 浏览

ionic-framework - 如何将 Ionic2 更新为最新/主 Angular2?

我正在使用来自 github/master 的 Ionic2 开发一个应用程序。

如果我想从那里获得最新的修复,将它更新到最新的 angular2(最新版本或主版本)的最佳方法是什么?

0 投票
3 回答
2474 浏览

visual-studio - Ionic 2 的 Intellisense 在 Visual Studio 2015 中不起作用

我刚刚使用ionic start Project blank --v2. 然后我使用“现有代码中的新项目”在 Visual Studio 2015 中打开它。然后我选择“Apache Cordova”作为项目类型。

然后我去目录html中创建一个文件www/app。在空白的 html 文件中,我开始输入<ion并且没有出现智能感知。

我怎样才能让离子智能感知在 Visual Studio 2015 中工作?

0 投票
1 回答
399 浏览

angular - Angular2:使用提供()的接口依赖注入

是否有一个示例如何/在哪里使用 provide() 函数定义依赖注入?

我想将类和值映射到接口:

https://angular.io/docs/ts/latest/api/core/provide-function.html

尝试在 app.js 中这样做:

收到错误:

0 投票
4 回答
5305 浏览

typescript - TS2307:找不到模块“离子/离子”

尝试tsc与我的 ionic2 项目一起使用时,我在打字稿文件上收到以下错误。

错误: TS2307: Cannot find module 'ionic/ionic'


编码:


我的 tsconfig.json 文件:


我的 npm -g 列表:

0 投票
3 回答
24100 浏览

angular - 如何使用 Angular 2 播放 mp3?

我想编写一个小型离子/角度应用程序,在其中从远程服务器加载动态 mp3 文件并播放它以按下按钮,或者如果选中它,我会自动播放它。我尝试使用简单<audio></audio>但我不确定这是否是一个好方法......

代码:

html

javascript

0 投票
3 回答
3951 浏览

uiactionsheet - 在 Ionic 2 中使用 Actionsheet

我正在尝试测试所有 Ionic 2 组件,但我不知道如何使用操作表。

我有这个代码:

actionSheet.html:

actionSheet.js:

当我单击按钮时,出现此错误:

19 010801 错误例外:评估“点击”时出错 20 010804 错误原始例外:TypeError:ionic_2.ActionSheet.open 不是函数 21 010806 错误 ORIGINAL STACKTRACE:22 010808 错误 TypeError:ionic_2.ActionSheet.open 不是函数

一些小费?

0 投票
2 回答
8847 浏览

cordova - 在 Ionic 2 中使用弹出窗口

单击按钮后尝试显示警报弹出窗口时出现以下错误:

异常:TypeError:无法读取 [null] 中未定义的属性“长度”原始异常:TypeError:无法读取未定义的属性“长度”

这是我的代码:

popups.html:

popups.js

一些小费?

0 投票
1 回答
1785 浏览

components - 如何扩展 ionic2 选项卡组件?

开始使用基于 Angular2 的 Ionic2,我目前正在尝试扩展基本选项卡组件以添加额外的输入。关键是按属性将模型列表排序到选项卡中。我的班级如下:

然后我尝试将其用作普通选项卡:

但它显示以下错误:

我尝试了不同的方法让键盘正确导入,因为它似乎无法识别它的注释,但似乎没有任何东西可以纠正错误。这是一个框架错误,因为我们处于 alpha 阶段,这并不令人惊讶,还是我做错了什么?

谢谢

0 投票
1 回答
15020 浏览

ionic-framework - 在 ionic 2 中更改 ion-title 的字体颜色

嘿,我在 ionic2 中制作了一个待办事项列表应用程序,我有一个侧边栏列表。在 list.html 我有以下代码:

我正在尝试使用 css 将“我的第一个列表”的颜色更改为白色。但它不起作用。我还为标题定义了背景颜色,但它覆盖了菜单图标。这是为什么?

的CSS:

我的预期结果是导航栏将呈绿色,带有白色标题和白色菜单图标。我该怎么做?

谢谢。