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

angular - angular 2 sidenavlayout in parent, sidenav in child

I'm working with angular 2 material and I want the sidenav layout in the app.component.html like

and the side nav whith it's toolbar in outsourced component navbar.component.html

My Problem at the moment is, that the sidnav layout of the parent html isn't recognized by the sidenav of the chield html. Is there any possibility to solve it like this or do i have to take the sidenav with the toggle bar into the parent html. Thank you in advice

0 投票
1 回答
72 浏览

angular - Angular2 材质访问选项卡在它外面

我有以下代码:

如何section在选项卡循环之外显示当前选定部分(对象)的数据?

我尝试添加一个spanwith(click)但它无法触发。

0 投票
1 回答
155 浏览

javascript - 如何将进度圈限制为 60 而不是 100%

在我的 Angular 2 项目中,我使用 Angular 2 材料设计来显示进度我使用了这样的进度圈,实际上我将它用作超时并且我想限制为 60 秒,就像当 60 到达时整个进度应该满

0 投票
1 回答
804 浏览

angular - 在 Angular 2 Material Slider 中处理美元

我在 Angular 2 Material 应用程序中有一个表单,其中包含一个价格字段,该字段被建模为具有最大值、最小值和步长的滑块:

价格以美分建模(即没有分数),但前端应该以美元显示价格,例如,12345美分的价格,最大为50000美分,最小为0美分,一步为5美分现在看起来像这样:

但它应该以美元显示:

表单和滑块在显示美分时有效,但如何让滑块以美元为单位正确显示和显示?

后端价格模型是long作为一个值发送到前端的long(即,没有分数),但如果需要,我愿意更改发送到前端的内容以简化处理。所以,一般的问题是:md-input正确显示美元和行为正确的最简单方法是什么?

0 投票
1 回答
1266 浏览

angular - 应用管道显示 md-input 的值

我的 Angular 2 Material 应用程序中有一个表格,价格如下:

使用CurrencyPipe此 Plnkr 中所示的自定义版本:

http://plnkr.co/edit/OM039CYEsS5CfhEuZdBN?p=preview

但不是显示原始输入字段值:

我还想将customCurrency管道直接应用于输入字段显示值,如下所示:

当我输入 100 时。最好在您输入时将管道应用于显示值,但如果它只能在模糊上完成就足够了。任何想法这怎么可能?

0 投票
1 回答
1472 浏览

angular - Angular 2:在对话框组件中设置@Input 变量

根据 Dialog Component的最新 Angular2-Material 文档。没有关于如何将值传递给对话框组件的描述。是否可以通过组件交互机制来实现?除了使用服务。

在正常的组件交互中,我们已经看到我们可以通过这种方式传递值:

0 投票
1 回答
74 浏览

html - 更改屏幕大小时,文本和按钮正在移位

当我更改浏览器窗口大小时,位于进度圈中心的文本偏离其实际位置,按钮也改变其正常位置(位于主容器的中心),如下所示:

在此处输入图像描述

从圆心移位的文本 60 也将按钮推到了最初位于中心的左侧,即使我更改浏览器窗口大小,我如何才能将它们保留在原始位置,这是css我应用的

0 投票
1 回答
1556 浏览

angular - Angular 2实现CSS

我将 Angular 2 与 Webpack 模块捆绑器一起使用,我按照本教程将 Materialize css 添加到我的项目中。然后我被这个错误消息卡住了: 未捕获的错误:在窗口上找不到物化对象。它是由 materialize-css 库创建的。请在导入 angular2-materialize 之前导入 materialize-css。

有没有人经历过这个?任何帮助都将受到欢迎。

0 投票
3 回答
4256 浏览

css - 固定元素相对于组件,而不是Angular2中的窗口

我有一个 angular2 应用程序,它使用 Angular2-material 库进行样式设置。我正在尝试添加一个 FAB(浮动操作按钮)以悬停在应用程序的右上角,但它会将自身固定到其父组件,而不是窗口。

应用程序的层次结构如下:

在 app.component 模板中,我在布局指令的主体中使用 md-sidenav-layout 指令和 router-outlet:

在详细组件模板中,模板顶部有以下内容:

以及该组件的 css:

但是,当我导航到详细信息页面时,.fab 相对于组件而不是窗口定位。我试过encapsulation: ViewEncapsulation.None在细节组件上使用,但这也不影响它。有没有办法将 fab 定义在细节组件中,但它是否仍然相对于窗口固定?

0 投票
1 回答
174 浏览

angular - 根据Angular 2中的父模块复选框更改子模块值

如果我将开关按钮的值更改为 false ,则将所有子模块的值更改为 false