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

html - Center a div with flex = 33

Thank you for taking a look at my question. I have a div that is expanding across the page horizontally, which is what I want. I have 4 buttons in the div and I am using:

Which is good. However, it is taking up the whole div so the buttons look awkwardly spaced out. So I added flex="33" and now they are spaced out, but stuck in using only a third of the page which is what I want and it looks good. The issue I have is it is taking up the first third and I want it to use up the second third of the page. Is there a way to do this with out creating unnecessary divs to occupy the first third?

Here is the complete code:

I do not have any CSS with it yet.

Images:

Before flex=33 enter image description here

After adding it: enter image description here

0 投票
1 回答
657 浏览

javascript - Angular Material 对话框数据输入/推送后更新 ng-repeat

我正在尝试向 ng-repeat 数组添加一个新对象。该数组是使用通过 $http 请求获取的数据创建的。我需要能够将我在对话框中输入的数据传递给一个函数,然后将该数据作为一个对象推送到数组上并更新视图。我可以很好地在控制台中记录输入的值,即使我记录了数组,它也会显示更新的值,但不会更新视图。此外,如果我添加一个带有不在对话框中的按钮的对象,它将更新数组。

更新

在使用 Chrome 的 Angular ng-Inspector 查看范围概述后,我可以看到新对象被添加到控制器范围内的数组中,控制器是发生 ng-repeat 的元素的父级。发生 ng-repeat 的元素有自己的范围,我可以看到该数组没有在那里更新。我需要这个数组是一个被更新的数组,因为那是 ng-repeat 所在的位置,这就是正在查看的内容。我仍然对如何有两个相同的数组感到困惑,其中一个改变而另一个没有改变。当我将对象推送到“$scope.plots”时,我需要定位 ng-repeat 父元素的范围。我还没有找到一个很好的方法来做到这一点。

这是我的对话

这是我的对话控制器

以及推送功能

0 投票
0 回答
150 浏览

angular - Angular-Material 到 Material-Design-Light 的兼容性

我有一个Angular-Material明显写的应用程序angularJS 1.x

我想用Angular 2. 目前Angular-Material2处于非常早期的阶段,所以我只是想这是一种以某种方式转换Angular-Material为的简单方法MDL吗?Angular-Material我可以重用多少当前的布局和 CSS 代码?

也许有人有这样的经验并可以提供建议?

0 投票
1 回答
354 浏览

javascript - 错误:[$compile:multidir] 同时将 md-sidenav 与控制器绑定(角度材料)

我想使用 Angular Material 创建带有侧边菜单的应用程序。我得到错误:[$compile:multidir]

我做错了什么?

这是我的 index.html:

这是我的leftMenuController:

这是我的 auth.html 和 authController.js:

这是我的engine.js:

0 投票
1 回答
692 浏览

angularjs-material - AngularJS 材质 | 访问 Sass 文件中的主题颜色

有什么方法可以访问 Sass 文件中的主题颜色。例如,我想将我的文本颜色设置为原色。这是我的尝试,但不起作用:

0 投票
2 回答
14283 浏览

angularjs - 将屏幕分为三列 Angular Material Design

我是 Angular 材料设计的新手。我想设计一个将日期分成三列的表格。我创建了两个表单。第一种形式包含两个 div,第二种形式包含一个 div。我希望每个 div 在屏幕的单独列中,三个 div 应该平均划分屏幕宽度,比如说 100% 宽度的 33.33%,但我只在一列中获得所有 div。下面给出的是我写的代码:

这是我创建的页面的 plunker

https://plnkr.co/edit/nj5o59A3NmqZtCv7HOfy?p=preview

请帮助我解决此问题。

0 投票
2 回答
2372 浏览

angularjs - 未捕获的错误:ngMaterial 的 [$injector:unpr]

我在将ngMaterial它包含在项目中时遇到问题,然后它显示错误Uncaught Error: [$injector:unpr] 我的 app.js 文件看起来像

并且鉴于此,我已按此顺序包含文件

谁能帮我解决这个问题?我试图更改文件的顺序,但问题仍然存在。

0 投票
1 回答
1819 浏览

angularjs-material - 选项卡内容未正确弯曲

我正在 IE 11 中对此进行测试:

密码笔

我试图让我的 md-tabs 控件的 md-tab-body 弯曲到页面底部。我必须包含这个 css 规则才能让它有点工作:

如果你看一下上面的 codepen,你会看到我这样做时会得到一个滚动条。我究竟做错了什么?我希望标签内容弯曲到页面底部,第一个内部容器只占用它需要的空间,第二个内部容器弯曲到标签内容的底部,如果它需要更多空间,它里面应该有一个滚动条。

我该如何做到这一点?我认为这个问题与上面的 CSS 规则有关,但如果没有它,我根本无法让它弯曲。

0 投票
1 回答
1589 浏览

angularjs - Angular 材质 md-sidenav 根据屏幕大小设置 md-is-open 值

我正在尝试根据屏幕尺寸设置 md-is-open。像 $mdMedia('gt-sm') 这样的东西。对于 md-is-locked-open 可以用 $mdMedia('gt-sm') 设置,但不知道为什么 md-is-open 不能用它设置。目前我的代码如下所示: <md-sidenav md-is-open="$mdMedia('gt-sm')"></md-sidenav>

0 投票
0 回答
65 浏览

javascript - 角材料.config 不起作用

我真的不知道我错过了什么,我做错了什么。这些是 HTML 中包含的库:

我在 html 标记中包含了 ng-app,如下所示:

我有这个声明模块和配置的模块闭包函数:

}); })();

对于我的生活,我无法弄清楚我做错了什么,但如果我注释掉 app.config(..... 它可以工作,如果没有,我会得到一个

我正在尝试配置角度材质主题。有人能帮忙吗?