问题标签 [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.
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:
javascript - Angular Material 对话框数据输入/推送后更新 ng-repeat
我正在尝试向 ng-repeat 数组添加一个新对象。该数组是使用通过 $http 请求获取的数据创建的。我需要能够将我在对话框中输入的数据传递给一个函数,然后将该数据作为一个对象推送到数组上并更新视图。我可以很好地在控制台中记录输入的值,即使我记录了数组,它也会显示更新的值,但不会更新视图。此外,如果我添加一个带有不在对话框中的按钮的对象,它将更新数组。
更新
在使用 Chrome 的 Angular ng-Inspector 查看范围概述后,我可以看到新对象被添加到控制器范围内的数组中,控制器是发生 ng-repeat 的元素的父级。发生 ng-repeat 的元素有自己的范围,我可以看到该数组没有在那里更新。我需要这个数组是一个被更新的数组,因为那是 ng-repeat 所在的位置,这就是正在查看的内容。我仍然对如何有两个相同的数组感到困惑,其中一个改变而另一个没有改变。当我将对象推送到“$scope.plots”时,我需要定位 ng-repeat 父元素的范围。我还没有找到一个很好的方法来做到这一点。
这是我的对话
这是我的对话控制器
以及推送功能
angular - Angular-Material 到 Material-Design-Light 的兼容性
我有一个Angular-Material
明显写的应用程序angularJS 1.x
我想用Angular 2
. 目前Angular-Material2
处于非常早期的阶段,所以我只是想这是一种以某种方式转换Angular-Material
为的简单方法MDL
吗?Angular-Material
我可以重用多少当前的布局和 CSS 代码?
也许有人有这样的经验并可以提供建议?
javascript - 错误:[$compile:multidir] 同时将 md-sidenav 与控制器绑定(角度材料)
我想使用 Angular Material 创建带有侧边菜单的应用程序。我得到错误:[$compile:multidir]
。
我做错了什么?
这是我的 index.html:
这是我的leftMenuController:
这是我的 auth.html 和 authController.js:
这是我的engine.js:
angularjs-material - AngularJS 材质 | 访问 Sass 文件中的主题颜色
有什么方法可以访问 Sass 文件中的主题颜色。例如,我想将我的文本颜色设置为原色。这是我的尝试,但不起作用:
angularjs - 将屏幕分为三列 Angular Material Design
我是 Angular 材料设计的新手。我想设计一个将日期分成三列的表格。我创建了两个表单。第一种形式包含两个 div,第二种形式包含一个 div。我希望每个 div 在屏幕的单独列中,三个 div 应该平均划分屏幕宽度,比如说 100% 宽度的 33.33%,但我只在一列中获得所有 div。下面给出的是我写的代码:
这是我创建的页面的 plunker
https://plnkr.co/edit/nj5o59A3NmqZtCv7HOfy?p=preview
请帮助我解决此问题。
angularjs - 未捕获的错误:ngMaterial 的 [$injector:unpr]
我在将ngMaterial
它包含在项目中时遇到问题,然后它显示错误Uncaught Error: [$injector:unpr]
我的 app.js 文件看起来像
并且鉴于此,我已按此顺序包含文件
谁能帮我解决这个问题?我试图更改文件的顺序,但问题仍然存在。
angularjs-material - 选项卡内容未正确弯曲
我正在 IE 11 中对此进行测试:
我试图让我的 md-tabs 控件的 md-tab-body 弯曲到页面底部。我必须包含这个 css 规则才能让它有点工作:
如果你看一下上面的 codepen,你会看到我这样做时会得到一个滚动条。我究竟做错了什么?我希望标签内容弯曲到页面底部,第一个内部容器只占用它需要的空间,第二个内部容器弯曲到标签内容的底部,如果它需要更多空间,它里面应该有一个滚动条。
我该如何做到这一点?我认为这个问题与上面的 CSS 规则有关,但如果没有它,我根本无法让它弯曲。
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>
javascript - 角材料.config 不起作用
我真的不知道我错过了什么,我做错了什么。这些是 HTML 中包含的库:
我在 html 标记中包含了 ng-app,如下所示:
我有这个声明模块和配置的模块闭包函数:
}); })();
对于我的生活,我无法弄清楚我做错了什么,但如果我注释掉 app.config(..... 它可以工作,如果没有,我会得到一个
我正在尝试配置角度材质主题。有人能帮忙吗?