小编PGH*_*PGH的帖子

在 mat-list-option 中更改文本颜色

我正在使用 显示如下所示的mat-selection-list组件:mat-list-optioncontact list

在此处输入图片说明

现在,background-color当我单击特定的contact-name(例如 Graeme swan)时, background-color它会发生变化,text-color并且我单击另一个联系人之前一直保持不变,但我想更改也并且tex-color 应该保持不变,直到我单击新联系人

她是stackblitz链接。

css angular-material angular

3
推荐指数
1
解决办法
3386
查看次数

单击图标/按钮时如何从表格中删除一行

我在项目中使用带有分页组件的Table。单击删除图标时需要一次删除单行。这是我创建的stackblitz链接。

尝试过此链接,他们在这里执行了编辑| 更新| 删除操作。我只希望删除操作。如何实现?

angular-material angular angular6

2
推荐指数
1
解决办法
3101
查看次数

分割并以角度显示字符串值

我有api叫我在api中customer显示dropdown,通过选择特定的客户,我在如下输入字段中显示所选的客户详细信息(所选客户对象的属性)(即电话,时间):

在此处输入图片说明

属性time是一个string,我想拆分并显示以下字符串:

在此处输入图片说明

我正在尝试通过拼接方法对其进行拼接,但是我无法实现。

演示

typescript angular

2
推荐指数
1
解决办法
371
查看次数

如何通过调用打字稿中的函数来关闭bootstrap 4模型

我正在使用 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">&times;</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)

javascript typescript angular angular6

2
推荐指数
1
解决办法
7652
查看次数

安装flex布局时出现问题

我正在尝试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

angular-flex-layout angular

1
推荐指数
1
解决办法
1331
查看次数

在 mat-nav-list 组件中显示单击的列表项值

我正在使用<mat-nav-list>组件来显示导航栏,并像这样header(i,e mat-toolbar) 显示点击list-items(ex Home 1)

在此处输入图片说明

  • 现在我想list -item(ex Home 2)在标题上显示选定的/单击的。
  • 表示点击Home 2Home 2应显示在header.

闪电战链接

typescript angular-material angular

1
推荐指数
1
解决办法
7813
查看次数

即使没有加载图像,也要显示图像圆形

我在div标签内以圆形方式显示图像,如下所示:

在此输入图像描述

我的问题是:假设没有加载/存在图像(前第2张图像).即便如此,它应该以循环方式显示它.但它显示在如下图所示的正方形中:

在此输入图像描述

我希望图像标签是圆形的,即使图像不存在.

小提琴链接

css html5 css3

1
推荐指数
1
解决办法
81
查看次数