如何在Angular材质中调整对话框内的图像？

文章/答案/技术大牛

发布

2回答

html、css、angular、flexbox、angular-material

我正在尝试在对话框窗口内完全适应图像，而不会溢出屏幕，也不会在两侧出现滚轮。我希望对话框窗口永远不会填满整个屏幕，而是填满大部分(比如80%左右的轴)。但我被图片卡住了，从来没有自动调整大小来适应那个盒子。 ? 目前，如果图像的高度太大，我尝试的所有内容都会在右侧显示一个条。理想情况下，我希望有一个自动调整大小以适应屏幕的图像。这是我的对话css .fu

浏览 43提问于2021-05-05得票数 0

2回答

更新打开的角度材质2对话框的宽度或高度

angular、dialog、angular-material2

是否有方法可以更改打开的角度材质2对话框的宽度(或高度)？我得到的最接近的方法是获取对该对话框的引用，并从该对话框内调用updateSize方法。虽然我不认为对话引用方法是这样工作的。我使用对话框来捕获和提交表单数据。根据响应、成功或错误，对话框中的内容会更新。正是在这一点上，我想缩小对话框

浏览 5提问于2018-02-24得票数 5

回答已采纳

1回答

如何在angular material对话框打开时禁用背景页中的所有控件/点击

angular、angular-material、mat-dialog

我使用的是角度材质对话框(v7)，我们在对话框中有可编辑的单元格，在下面的页面中我们也有可编辑的单元格，比如文本区/文本输入。当对话框打开时，如果我按了ctrl+z，那么撤消操作也会同时在对话框和背景页面中工作如何在打开对话框时禁用后台页面中的所有控件(如ctrl+z)。有关问题的实时示例，请查看下

浏览 31提问于2021-10-19得票数 0

1回答

angular material对话框中的单选按钮焦点

angular-material2

我使用Angular 8和Angular材质组件，并且在对话框中遇到焦点指示器的问题。当有一个单选按钮组作为对话框内的第一个控件时，当您在对话框周围使用Tab键时，将选中该组上的第一个选项-即使选择了另一个选项。即在表单中按Tab键向前移动时，如果选择了第二个选项，焦点将转到第一个选项，然后是所选的选项，然后是按钮。我在这里创建了一个堆栈闪电战：，它显示了这个问

浏览 2提问于2019-11-25得票数 3

1回答

Angular路由器链接在模式中打开，而不是在新页面中打开

angular

我正在尝试构建一个包含大量数据的表，其中一些数据我希望在单击特定行后以模式显示。我创建了一个组件模式，它应该显示更多的数据，但问题是，当我单击特定的行时，它会将我带到另一个页面，我希望将其显示为模式，而不是在新页面中。这是我的html <tr *ngFor="let data of listOfUsers" routerLink="/sidebarComp"> <td>{{data.Name这是

浏览 6提问于2020-03-26得票数 0

0回答

mdTooltip和mdDialog在md-grid-list中断开

angular、typescript、angular-material

我是Angular的新手，一直在做一个使用Angular材质库的项目。在md-grid-list中使用mdTooltip和mdDialog请求时，我遇到了一些奇怪的行为，我想知道这是什么原因。实际上，当鼠标悬停在工具提示上或试图调用md-grid-list的md-grid-tile元素上的对话框时，它们不会关闭。在对话框的情况下，背景不透明度将恢复为正常，但对话框内</em

浏览 1提问于2017-06-14得票数 1

回答已采纳

1回答

带有Shift选项卡的CDK Focus Trap breaks on click outside对话框

html、angular、angular-material、focus、angular-cdk

我有一个焦点陷印，它会在打开角度材质对话框时激活。父组件包含来自a11yModule (https://material.angular.io/cdk/a11y/api#CdkTrapFocus)的cdkTrapFocus指令，它的各个子组件可以有不同数量的输入打开对话框时，焦点陷印按预期工作，防止用户按tab或shift-tab访问对话框后面的项目。在按下shift-tab (或tab)键足够多<em

浏览 42提问于2020-07-02得票数 1

回答已采纳

1回答

JQueryUI对话框：“自动”宽度不考虑垂直滚动条

javascript、jquery、jquery-ui、jquery-ui-dialog

我有一个JQueryUI对话框，width属性作为'auto'。除了内容超出对话框高度的情况外，一切都正常:出现一个垂直滚动条(如预期的那样)，但这样的滚动条会扰乱对话框内容的布局。在出现垂直滚动条的情况下，是否有一种动态调整对话框宽度的方法？下面的对话框正如我所期望的那样工作：当我在“霍加2”选项卡

浏览 2提问于2017-04-25得票数 0

回答已采纳

1回答

md- Angular* 2故障排除的对话框大小材料*

angular-material2

当我打开一个材质对话框(MdDialog.open(MyDialogComponent))时，打开的对话框覆盖了整个屏幕的高度。当我在Chrome检查器中从.md-dialog-container中删除height:100%时，高度会进行调整以完全适合内容。但是md-dialog的源代码让它看起来像是故意的： ... // The dialog

浏览 2提问于2017-01-26得票数 0

回答已采纳

2回答

关闭AngularJS中所有打开的引导模式？

angularjs、twitter-bootstrap、modal-dialog

tournament-tree.html'"></div><div class="modal-footer"> </script> angular.module('tournamentTree', ['ui.bootstrap']); angular.module('tournamentTree

浏览 3提问于2014-11-07得票数 7

回答已采纳

1回答

如何在angular中调整mat对话框内容的大小？

angular、typescript、angular-material

我已经调整了mat对话框的大小，但内容仍然引用原始大小。下面是它的一些图片。 ? 我搜索了一下，他们说可以使用css来调整大小。所以我试了一下。有没有办法让它们完全符合mat对话框的大小？另一种方法是使用px手动调整宽度和高度，但我担心不同屏幕尺寸的人会有不同的观看效果。

浏览 78提问于2021-10-08得票数 0

2回答

从angular* 8升级到Angular 9-错误*

angular、angular9

mat-horizontal-stepper linear #stepperRegistration> mat-dialog-actions、mat-step、mat-dialog-content等也会出现同样的错误[errorStateMatcher]="matcher" 这是我的package.json "dependencies": { "

浏览 85提问于2020-01-27得票数 3

2回答

如何在@angular2-材质中添加自定义颜色？

angular、angular2-material

我试图在@angular2-材质/幻灯片切换中添加我的自定义颜色，如红色和绿色。如果幻灯片切换被禁用，则颜色为红色，如果启用，则颜色为绿色。我的component.html代码是：- (change)="testChange($event)"<{ this.myColor = "#006400";

浏览 2提问于2017-05-16得票数 0

回答已采纳

1回答

如何使用Angular2材质对话框输入值

angular、angular-material

Angular2材质的示例应用程序有一个对话框，该对话框返回字符串值，该值是用户编写的消息。但是，如果我想提示用户输入更多信息而不仅仅是一条消息，该怎么办？换句话说，在使用Angular2材料时，我不知道如何使表单的行为像一个对话框。这是我引用的示例应用程序：@Component({ <p>This is a dialog</p

浏览 0提问于2016-11-20得票数 1

2回答

Mat-在自定义元素中使用时对话框不能正确显示

angular-material、angular-cdk、angular-elements

我正在尝试在我的angular自定义元素中使用mat-dialog。我在angular应用程序中工作得很好，但在构建自定义元素时似乎无法捆绑材质主题。当我在angular应用程序外部检查代码时，没有任何样式附加到任何cdk类。在angular服务器中运行时，一切似乎都运行得很好。如何在自定义元素中包含所需的css？我的app.module文件 @NgModule({ [ ...

浏览 4提问于2018-12-28得票数 1

2回答

如何创建高度依赖于子视图的视图？

ios、layout

这与询问如何在iOS中实现wrap_content是相同的。情况是这样的：我想创建一个负责模糊背景和显示对话框容器的BaseDialogViewController。然后，如果我想实现一个对话框，我将扩展BaseDialogViewController并将对话</e

浏览 0提问于2018-02-01得票数 4

1回答

单击链接关闭Jquery对话框

jquery、jquery-ui、modal-dialog、jquery-ui-dialog

我想创建一个模式对话框，并仅当我单击模式框中的链接或图像时才关闭它。我找到了隐藏关闭按钮的方法，但我不知道如何在点击时设置弹出关闭或在框内添加带有链接的图像。有人能给我提供完整的代码来获得这个吗？

浏览 3提问于2011-04-12得票数 0

回答已采纳

1回答

我们如何在post中实现类似于facebook的图像网格..使用angular材质1.1.0

angularjs、angular-material

我正在创建一个应用程序，我想在其中实现一些类似于Facebook发布的东西。我想在帖子中创建一个图像网格，如果有超过1张带有角度材料的图像。我需要一点帮助。这就是我想要的：我如何在angular材质中做到这一点？

浏览 0提问于2016-07-16得票数 0

3回答

带有自定义templateUrl的$mdDialog.confirm()

angularjs、material-design、angular-material

我在我的应用程序中使用了$mdDialog，但我想把它用作“确认”对话框，而不是普通的对话框。这意味着，直到用户单击确认对话框中两个按钮中的一个按钮，代码流才会继续。我注意到可以使用$mdDialog.confirm()，但是我不确定如何在自定义templateUrl和相应的控制器作为对话框内容的情况下使用它。下面是我写的内容，就对话</

浏览 2提问于2015-12-22得票数 10

回答已采纳

3回答

Android支持提醒对话框改变标题背景颜色？

android、android-fragments、android-dialogfragment、android-styles

但我成功地改变了标题文本的颜色，这很容易。我想改变标题背景的颜色。这就是我到目前为止所知道的： .setPositiveButton("OK",null);

浏览 3提问于2016-01-06得票数 2

点击加载更多