Javascript AngularJS 4上的总和下拉列表值

我正在尝试创建一个页面，用户将选择几个下拉列表，每个下拉列表的每个选项都有一个数值。我想显示所有选定选项的总和，并存储在变量或其他东西上，以便在IF上使用它

以下是我用作变通方法的代码：

<select id="" [(ngModel)]="select1">
          <option value="1">name1</option>
          <option value="2">name2</option>
</select

<select id="" [(ngModel)]="select2">
          <option value="1">name1</option>
          <option value="2">name2</option>
</select

<b>Points:  </b> {{ select1 -- select2 }}

但是，这不会存储在任何变量中，因此我无法在IF上使用

我想这样做：

<label *ngIf="summ > 16; else error">Higher than 16 </label>

---

使用ngIf调用函数，在该函数中添加所有模型变量值

<label *ngIf="calculatesum() > 16"; else error">Higher than 16 </label>

---

非常感谢你，先生！！它就像一个符咒。只需更改TS中的一些内容：calculatesum{return parseFloatthis.select1+parseFloatthis.select2}

calculatesum(){
  return select1 + select2 +select3 + select4;
}