问题标签 [ionic-material]

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

angularjs - 项目类的离子材料问题

我正在使用 Ionic 材料演示应用程序,但遇到了一些问题。当我不使用“项目类”时,一切都会好的,但 UI 不符合预期,因为我没有使用该类。代码如下

当我使用“项目类”(根据演示应用程序)时,我面临问题Uncaught TypeError: Cannot read property 'className' of undefined并且没有显示。我为此创建了一支( https://codepen.io/anujsphinx/pen/jVqvaV )。我尝试了一些解决方案(https://github.com/zachfitz/Ionic-Material/issues/46)但没有成功。需要项目类的结果


我又创造了 2 支笔来解决混乱

  1. http://codepen.io/anujsphinx/pen/yVOdad这是没有 ng-repeat(和 div 中的项目类)的默认代码。我想要使​​用 ng-repeat 的这种类型设计。
  2. http://codepen.io/anujsphinx/pen/yVOdJd这是带有 ng-repeat 的代码(如果我删除项目类,<a href="#/app/profile" class="item item-avatar item-icon-right" ng-repeat="relatives in myRelative">那么它将工作但不正确)。
0 投票
0 回答
25 浏览

ionic-framework - How to update to angular 1.5

I am working with the code from below link http://ionicmaterial.com/ and wan to work with angular 1.5. I have checked the package.json and they have not specified any angular dependency.So don't know where and how to update to angular 1.5. I have referred the following to How to update the version of Angular in Ionic Framework?. But I dont want my ionic to crack.

0 投票
0 回答
608 浏览

angularjs - 管理菜单和后退按钮

目前这里是我的模板。该应用程序基于ionic1 sidemenu 模板。菜单.html

我看到后退按钮有一个奇怪的行为。例如:如果我从我的主页通过侧菜单项访问一个页面,我只会在下一页的标题上看到菜单(汉堡包)按钮。但是,如果我使用主页中的按钮访问同一页面,我会看到后退按钮。有时他们甚至同时显示两者。

如何手动控制按钮的可见性和行为?

这里是研究按钮行为的示例代码 http://plnkr.co/edit/ojjKKi?p=preview 您可以看到不同导航路径的至少 2 种不同行为:

  • 单击左侧菜单中的“浏览”-> 您只能看到菜单按钮
  • 单击主页上的浏览按钮->您可以看到返回和菜单按钮

  • 单击左侧菜单中的“搜索”-> 您只能看到菜单按钮

  • 单击主页上的搜索按钮-> 您可以看到两个按钮重叠!(这个是我自己介绍的一些css问题,我猜)

编辑我解决了简单地覆盖<ion-nav-buttons>每个视图需要它的行为,而不使用<ion-nav-back-button>which needs<ion-nav-bar>作为父亲指令。例如:

0 投票
1 回答
741 浏览

angular - 安装 Ionic Material Design

我已按照将 Ionic Material Design 集成到 Ionic 项目中的步骤进行操作。以下是我所做的列表:

  1. 离子起始离子材料空白
  2. 凉亭安装离子材料
  3. 凉亭安装机器人草稿
  4. 在 out Ionic index.html 页面中添加了 JS 和 CSS 库 在此处输入图像描述

在第五,它指示将离子材料注入您的离子应用程序,如下所示: var app = angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material']);

我将在哪里以及如何将它注入到我的 Ionic 项目中?我有 app.module.ts 和 app.component.ts。但是我如何以及在哪里插入提到的代码,因为它甚至要求我输入我的应用程序名称angular.module('YOUR_APP_NAME', ['ionic', 'ionic-material'])

0 投票
0 回答
2139 浏览

ionic-framework - 如何将 AngularMaterial 与 Ionic3 集成

我有一个问题是如何在 Ionic3 中集成 Angular4Material。我希望在 Ionic3 项目中使用 AngularMaterial ( https://material.angular.io/ )。

我知道 Ionic3 已经带有 Material Design,但是 Ionic3 中很少有组件不好,尤其是选择菜单、自动完成等……所以我想使用 MaterialSelect Menu https://material.angular.io/components/select/overview

自动完成https://material.angular.io/components/autocomplete/overview1

来自 AngularMaterial?

我试图将其集成到我的项目中。但不工作。

以前在 Angular1Material 和 Ionic1 组合它的工作。但是在 Ionic3 中如何实现呢?

请帮助我。

如果它的工作意味着我们可以使用 AngularMaterial 与离子材料相比提供出色的设计。谢谢你。