@input在Angular2不工作

我已经搜索了这个答案，但真的不知道这是为什么不工作的挫折感......看到我的组件的源代码：@input在Angular2不工作

TS文件：

在这里，我的模板文件：

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

<!-- jQuery library --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

<!-- Latest compiled JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

<div class="alert alert-warning alert-dismissable" > 
    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>{{ messageStatus }} 
</div>

在这里，我怎么在我的另一个组件放置：

<alerta messageStatus="teste"></alerta>

我没有看到一个理由，没有工作......输入功能不是屏幕上显示其内容。任何理想？

来源

2017-01-19 erickles

什么是 “其他组件” 是什么意思？什么是'teste'？ –

控制台的任何日志？也许你没有将组件添加到@ngModule中的声明中？

来源

2017-01-19 22:54:30

发送您输入父模板

<alerta [messageStatus]="teste"></alerta> 
 

 
secound in child view check the input with ngIf 
 

 
<div *ngIf="messageStatus" class="alert alert-warning alert-dismissable"> 
 

 
    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>{{ messageStatus }} 
 
    </div>

来源

2017-01-20 05:50:52

@input在Angular2不工作

相关问题