无法在angular4中将数据从父组件传递到子组件

无法在angular4中将数据从父组件传递到子组件,angular,angular-components,Angular,Angular Components,当我试图将数据从父组件传递到子组件时,我得到了一个错误 这是我在父组件中放置的标记 子组件 从'@angular/core'导入{Component,OnInit,Input}; @组成部分({ 选择器:'弹出', templateUrl:'./pop-up.component.html', 样式URL:['./pop-up.component.css'] }) 导出类PopUpComponent实现OnInit{ @输入() showPopUp:布尔值; @输入() 标题:string=“

当我试图将数据从父组件传递到子组件时,我得到了一个错误

这是我在父组件中放置的标记


子组件

从'@angular/core'导入{Component,OnInit,Input};
@组成部分({
选择器:'弹出',
templateUrl:'./pop-up.component.html',
样式URL:['./pop-up.component.css']
})
导出类PopUpComponent实现OnInit{
@输入()
showPopUp:布尔值;
@输入()
标题:string=“”;
@输入()
内容:string=“”;
构造函数(){
}
恩戈尼尼特(){
调试器;
}
继续{
this.showPopUp=true;
}
closePopUp(){
this.showPopUp=false;
}
}
我想在HTML中使用变量
showPopUp
,标题和内容如下

{{title}
{{content}}
但当我尝试使用它时,我会出错

我不确定我到底做错了什么。

[title]=“这里有标题”
应该是

[title]=“标题在这里”

title=“这里有标题”
原始代码尝试将表达式
title的值分配给
title
,但这不是有效的表达式。 您可以将表达式设置为字符串文字,或删除
[]
,然后Angular将不会尝试将该值解释为表达式。

[title]=“title在此”
应该是

[title]=“标题在这里”

title=“这里有标题”
原始代码尝试将表达式
title的值分配给
title
,但这不是有效的表达式。
您可以将表达式设置为字符串文字,或者删除
[]
,这样Angular就不会尝试将该值解释为表达式。

谢谢,我可以知道它采用这种格式的原因吗?我已经在我的答案中添加了解释(您可能还没有看到,因为我在第一篇帖子之后编辑了我的答案)<代码>[]
是一种特殊的角度绑定语法。谢谢,我可以知道它采用这种格式的原因吗?我在我的答案中已经添加了一个解释(您可能还没有看到,因为我在第一篇文章之后编辑了我的答案)<代码>[]
是一种特殊的角度绑定语法。