我正在使用 显示如下所示的mat-selection-list组件:mat-list-optioncontact list
现在,background-color当我单击特定的contact-name(例如 Graeme swan)时, background-color它会发生变化,text-color并且在我单击另一个联系人之前一直保持不变,但我想更改也并且tex-color 应该保持不变,直到我单击新联系人。
她是stackblitz链接。
我在项目中使用带有分页组件的Table。单击删除图标时需要一次删除单行。这是我创建的stackblitz链接。
尝试过此链接,他们在这里执行了编辑| 更新| 删除操作。我只希望删除操作。如何实现?
我有api叫我在api中customer显示dropdown,通过选择特定的客户,我在如下输入字段中显示所选的客户详细信息(所选客户对象的属性)(即电话,时间):
属性time是一个string,我想拆分并显示以下字符串:
我正在尝试通过拼接方法对其进行拼接,但是我无法实现。
我正在使用 bootstrap 4 模式,然后是示例
下面是模板代码:
<div class="container">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
Open
</button>
<div class="modal" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title">Modal Heading</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
Modal body..
</div>
<button type="button" class="btn btn-danger" (click)="save()">Save</button>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
单击open按钮时,我将打开对话框窗口,单击save按钮时,我将调用save()方法。在 .ts中,我在方法内编写了一些条件,save如下所示:
save(){
if(condition){
......don't close the modal....
} else{
......close the modal.... …Run Code Online (Sandbox Code Playgroud) 我正在尝试flex-layout使用此命令进行安装npm install --save @angular/flex-layout.
我收到这些错误:
node version:v10.1.0
npm version:6.0.1
Angular:6.1.2
我branches为该项目创建了很多Visual studio code(vscode),在最后branch这个安装成功了,在package.json文件中它以依赖为"@ angular/flex-layout"显示:"^ 6.0.0-beta.18",
现在在新的branch我尝试使用相同的命令安装.现在在package.json文件中,依赖关系就像这个"@ angular/flex-layout":"^ 7.0.0-beta.19",并得到errors如图所示上面的图像.
我怎样才能安装特定版本的flex-layout手段version 6?
我正在使用<mat-nav-list>组件来显示导航栏,并像这样header(i,e mat-toolbar) 显示点击list-items(ex Home 1):
list -item(ex Home 2)在标题上显示选定的/单击的。Home 2,Home 2应显示在header.闪电战链接
我在div标签内以圆形方式显示图像,如下所示:
我的问题是:假设没有加载/存在图像(前第2张图像).即便如此,它应该以循环方式显示它.但它显示在如下图所示的正方形中:
我希望图像标签是圆形的,即使图像不存在.
小提琴链接