我正在写一个 todolist 演示。当ng serve它，它显示一个错误：
Error: src/app/app.component.html:17:58 - error TS2322: Type 'Event' is not assignable to type 'boolean'.
17 <input class="toggle" type="checkbox" [(ngModule)]="todo.isDone" >
~~~~~~~~~~~~~~
18
19 <label>{{ todo.title }}</label>
~~
也不会检查所有项目。（即使它们的 isDone 状态为真）
我在 app.component.ts 中定义了一个对象。
Error: src/app/app.component.html:17:58 - error TS2322: Type 'Event' is not assignable to type 'boolean'.
17 <input class="toggle" type="checkbox" [(ngModule)]="todo.isDone" >
~~~~~~~~~~~~~~
18
19 <label>{{ todo.title }}</label>
~~
app.component.html 如下。
public todos:{
id:number,
title: string,
isDone: boolean
}[]=todos
const todos=[
{
id:1,
title:'study',
isDone:true …我需要垂直和水平居中一个叫".box"内部的div <body></body>.它包含一个<h1>,就是这样.在将来,它可能会包含一个内容<img>.
我尝试了很多技巧,但不幸的是它效果不好......
所以我在这个主题上找到了:使用jQuery将jQuery解决方案垂直和水平居中.但它不能很好地工作,因为div可以保留在屏幕的左侧,如下所示:http://www.arcadmedia.com/
所以我正在寻找一个解决方案(在jQuery中,或在CSS中,但没有任何东西对我有用).
我认为像这样的解决方案:http://jsfiddle.net/pqDQB/不是最好的,jQ可以做得更好.
我只是使用这段代码:
$(function() {
$('.box').css({
'position' : 'absolute',
'left' : '50%',
'top' : '50%',
'margin-left' : -$('.box').outerWidth()/2,
'margin-top' : -$('.box').outerHeight()/2
});
});
我真的不知道这个问题出在哪里.
编辑: 框必须动态适应其内容!