小编Bab*_*aas的帖子

flexbox 容器不会拉伸 100% 的高度

我有以下 html 和 css:
HTML:

<body style="height:100%;">
  <div class="fb-container">
    <div class"somedatadiv">
      Some data
    </div>
    <div class="anotherdiv">
      data
    </div>
  </div>
</body>
Run Code Online (Sandbox Code Playgroud)

CSS:

.fb-container { 
  display: flex;
  flex-wrap: no-wrap;
  align-items: stretch;
  // min-height: 100%;
}
.somedatadiv {
  width: 75%;
  max-width: 345px;
  backround: grey;
  padding: 30px;
}
Run Code Online (Sandbox Code Playgroud)

出于某种原因,flex 容器 div 没有拉伸 100% 的身体高度。



(对于这个“演示/应用程序/站点”,我使用的浏览器是 chrome)

html css height flexbox

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

如何删除文本中的空格

如何修剪Angular应用程序中的文本字符串?

例

{{ someobject.name }}  
Run Code Online (Sandbox Code Playgroud)

someobject.name导致"name abc"

我想要实现的是名称为"nameabc"(删除所有空格).

我已经创建了一个管道并将其包含在typescript文件和模块中)

管:

import { Pipe, PipeTransform } from "@angular/core";

@Pipe({ name: 'trim' })
export class TrimPipe implements PipeTransform {
    transform(value: any) {
        if (!value) {
            return '';
        }

        return value.trim();
    }
}
Run Code Online (Sandbox Code Playgroud)

{{someobject.name | 修剪}}仍导致"name abc"而不是"nameabc"}}

trim pipe typescript angular

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

Angular 12 更新 - Angular 编译器需要 TypeScript

我已将我的项目更新到最新的角度版本。使用“ ng update”更新后,我收到一条消息,表明所有内容都是最新的。(我的过程的最后一步。所需的包已经更新)

很好,但是当我为项目提供服务时,出现以下错误:

Error: The Angular Compiler requires TypeScript >=4.2.3 and <4.3.0 but 4.3.2 was found instead. 
Run Code Online (Sandbox Code Playgroud)

我已经尝试过:npm install typescript@4.3.0但该版本不存在。我宁愿不降级。我努力让我的项目保持最新状态。

我怎样才能解决这个问题。

typescript angular-cli angular

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

删除了itextsharp 5.5.5 textcolor属性

我已将4.xx的itextsharp更新为5.5.5(最新版本)但是以下行会出错:

Font heading1 = new Font(bfTimes, 16, Font.BOLD, Color.BLACK);
Run Code Online (Sandbox Code Playgroud)

错误:当前上下文中不存在名称"Color"

itextsharp.text.font.颜色从新版本中删除.

如何在新的itextsharp版本中设置颜色?

c# pdf itextsharp

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

jQuery next,parent,nearest

HTML:

<div class="container">
  <ul>
    <li class="item" id="id_1">
      <h2>header</h2>
      <div class="c_image">
        <img/>
      </div>
    </li>
  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

图像上的Click事件必须触发相关h2上的单击事件.html会自动呈现.

JS:

$(".container .item .c_image img").each(function(){
  $(this).click(function(){
    //console.log($(this).parent("li.item"));
    $(this).closest("h2")[0].click();
  });
});
Run Code Online (Sandbox Code Playgroud)

什么是最好的解决方案是这种情况,我尝试最接近,但它不会触发h2点击事件.

这很好用:

$('#id_1 .c_image img').click(function(){
  $('li#id_1 h2')[0].click();
});
Run Code Online (Sandbox Code Playgroud)

html jquery click closest

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

如何在 angular 4 中使用带有 ng-content(带有选择标签)的 ng-container

您如何将 ng-container 与具有 select 标签的 ng-content 结合使用。

<div class="container">
  <div id="first">
    <ng-container *ngTemplateOutlet="widgetContent"></ng-container>
  <div>
  <div id="second">
    <ng-container *ngTemplateOutlet="widgetContent"></ng-container>
  </div>
</div>

<ng-content #widgetContent select="side-widget, [sidewidget]"></ng-content>
Run Code Online (Sandbox Code Playgroud)

angular ng-container ng-content

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