Angularjs 使用角度传感器实时更新输入的表格和表格

我有以下表格和表格：

<div data-ng-controller="ctrl">

  <form>
    <input type="text" data-ng-model="VA" />
    <input type="text" data-ng-model="VB" />
    <p class="ratio">{{VA / VB}}</p>
  </form>

  <table>
    <caption>Classification</caption>
    <tr>
      <td>Low</td>
    </tr>
    <tr>
      <td>Medium</td>
    </tr>
    <tr>
      <td>High</td>
    </tr>
  </table>

</div>

{{VA/VB}
分类
低
中等
高

当VA和VB都不同于null时，我想在p标签上显示比率，并根据规则将TR的类更改为高亮显示：

ratio < 0.4 => Low
0.4 <= ratio <= 0.8 => Medium
ratio > 0.8 => High

比率<0.4=>低
0.4 0.8=>高

我该怎么做？我需要控制器吗？ 这不能直接在HTML上实现吗？

类似于：

  <form>
    <input type="text" data-ng-model="VA" />
    <input type="text" data-ng-model="VB" />
    <p ng-show="!!(!!VA && !!VB)" class="ratio">{{VA / VB}}</p>
  </form>

  <table>
    <caption>Classification</caption>
    <tr ng-class="{ratio<0.4:'low', ratio=<0.8 && ratio>=0.4:'medium', ration>0.8:'high'}">
      <td>Low</td>
    </tr>
    <tr>
      <td>Medium</td>
    </tr>
    <tr>
      <td>High</td>
    </tr>
  </table>

</div>

{{VA/VB}
分类
低
中等
高

您可以使用ng类。你能提供一个提琴吗？你认为使用这种类型的计算器控制器有什么好处吗？@Miguel在我的实现中，我只尝试使用指令（Angular 2.0和web组件方法），并且只有在计算复杂到需要控制器的情况下。但我认为您的比率应该在指令中计算，比如

$scope.ratio=VA/VB

。它更易于调试。如果比率在会话期间没有变化，则应使用单向绑定，例如

{{{：：ratio}