Javascript 如何使用ng模型使用Angular TypeScript中输入字段的值？

我正在尝试制作一个简单的计算器来获取输入字段的值，并在同一页面上使用它，但ng模型不输出输入字段的值

我在JSFIDLE上尝试了相同的代码，效果很好，但我不确定为什么它在应用程序上不起作用

{{totalitems}}

我使用的是Angular 2，在视图>表单>输入中，我使用的是

ng模型

，它与Angular 2不兼容，并替换为

[（ngModel）]

。我进一步修改了HTML代码，以消除使用

[（ngModel）]

所导致的错误，因为我在表单中使用了它，并且输入缺少

name

属性<代码>[（ngModel）]在

名称

属性存在以进行输入或在没有表单的情况下放置输入时起作用

<div class="panel panel-default" ng-app="">
<form class="form-group panel-body">
  <input [(ngModel)]="totalitems"  type="number" name="total_items">
</form>
<br>
<h2 class="label-default">{{totalitems}}</h2>
</div>

{{totalitems}}

您的html基于angularjs1，js代码基于AngularJS2。两者不兼容。请选择其中一个them@sachilaranawaka你指的是

[（ngModel）]

？是的。并删除angular 1脚本，

ng app

alsoI尝试删除脚本行和ng app，但不起作用。请参阅了解angular 2中表单的工作方式