问题标签 [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.
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
angular - Angular2 材质访问选项卡在它外面
我有以下代码:
如何section
在选项卡循环之外显示当前选定部分(对象)的数据?
我尝试添加一个span
with(click)
但它无法触发。
javascript - 如何将进度圈限制为 60 而不是 100%
在我的 Angular 2 项目中,我使用 Angular 2 材料设计来显示进度我使用了这样的进度圈,实际上我将它用作超时并且我想限制为 60 秒,就像当 60 到达时整个进度应该满
angular - 在 Angular 2 Material Slider 中处理美元
我在 Angular 2 Material 应用程序中有一个表单,其中包含一个价格字段,该字段被建模为具有最大值、最小值和步长的滑块:
价格以美分建模(即没有分数),但前端应该以美元显示价格,例如,12345
美分的价格,最大为50000
美分,最小为0
美分,一步为5
美分现在看起来像这样:
但它应该以美元显示:
表单和滑块在显示美分时有效,但如何让滑块以美元为单位正确显示和显示?
后端价格模型是long
作为一个值发送到前端的long
(即,没有分数),但如果需要,我愿意更改发送到前端的内容以简化处理。所以,一般的问题是:md-input
正确显示美元和行为正确的最简单方法是什么?
angular - 应用管道显示 md-input 的值
我的 Angular 2 Material 应用程序中有一个表格,价格如下:
它使用CurrencyPipe
此 Plnkr 中所示的自定义版本:
http://plnkr.co/edit/OM039CYEsS5CfhEuZdBN?p=preview
但不是显示原始输入字段值:
我还想将customCurrency
管道直接应用于输入字段显示值,如下所示:
当我输入 100 时。最好在您输入时将管道应用于显示值,但如果它只能在模糊上完成就足够了。任何想法这怎么可能?
angular - Angular 2:在对话框组件中设置@Input 变量
根据 Dialog Component的最新 Angular2-Material 文档。没有关于如何将值传递给对话框组件的描述。是否可以通过组件交互机制来实现?除了使用服务。
在正常的组件交互中,我们已经看到我们可以通过这种方式传递值:
angular - Angular 2实现CSS
我将 Angular 2 与 Webpack 模块捆绑器一起使用,我按照本教程将 Materialize css 添加到我的项目中。然后我被这个错误消息卡住了: 未捕获的错误:在窗口上找不到物化对象。它是由 materialize-css 库创建的。请在导入 angular2-materialize 之前导入 materialize-css。
有没有人经历过这个?任何帮助都将受到欢迎。
css - 固定元素相对于组件,而不是Angular2中的窗口
我有一个 angular2 应用程序,它使用 Angular2-material 库进行样式设置。我正在尝试添加一个 FAB(浮动操作按钮)以悬停在应用程序的右上角,但它会将自身固定到其父组件,而不是窗口。
应用程序的层次结构如下:
在 app.component 模板中,我在布局指令的主体中使用 md-sidenav-layout 指令和 router-outlet:
在详细组件模板中,模板顶部有以下内容:
以及该组件的 css:
但是,当我导航到详细信息页面时,.fab 相对于组件而不是窗口定位。我试过encapsulation: ViewEncapsulation.None
在细节组件上使用,但这也不影响它。有没有办法将 fab 定义在细节组件中,但它是否仍然相对于窗口固定?