Angular 2将变量绑定到html中的标头

时间:2017-06-05 15:17:52

标签: html angular typescript

我试图将变量绑定到标题以显示当前步骤是什么(即,'你是在10的第1步')。我让它在textarea工作,并且无法弄清楚为什么它不能用于标题。

private mainStepText: String = "Welcome";
<div class="mainWindow">
   <textarea [(ngModel)]="mainStepText"></textarea> 
</div>

到目前为止我所拥有的是

private testLabel: String = "This is a test label for html";
<div class="test">
  <h3 class="labelName" [(ngModel)]="testLabel"></h3>
</div>

现在它会抛出错误

&#34;错误错误:未捕获(在承诺中):错误:没有带有未指定名称属性的表单控件的值访问器 错误:没有带有未指定名称属性的表单控件的值访问器&#34;

1 个答案:

答案 0 :(得分:3)

而不是标签中的ngModel。只是做:

<h3 class="labelName">{{testLabel}}</h3>

并在组件中设置testLabel