我有以下 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)
如何修剪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"}}
我已将我的项目更新到最新的角度版本。使用“ 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但该版本不存在。我宁愿不降级。我努力让我的项目保持最新状态。
我怎样才能解决这个问题。
我已将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版本中设置颜色?
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) 您如何将 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 ×3
html ×2
typescript ×2
angular-cli ×1
c# ×1
click ×1
closest ×1
css ×1
flexbox ×1
height ×1
itextsharp ×1
jquery ×1
ng-container ×1
ng-content ×1
pdf ×1
pipe ×1
trim ×1