没有 ng 模型，两个数字的加法不起作用

Question

我想添加没有 ng 模型属性的数字。我在下面尝试过，但它不起作用。有什么建议请..

   First Number : <input type="number" class="form-control" id="firstNumber" >
    
    Last Number: <input type="number" class="form-control" id="secondNumber" >
    
    Total : {{firstNumber.value + secondNumber.Value}}

谢谢！

Answer 1

我们应该使用“ng-model”指令。属性 id 与显示值无关。

  <input type="number" class="form-control" id="firstNumber" ng-model="firstNumber.value">
  <input type="number" class="form-control" id="secondNumber" ng-model="secondNumber.value">
  <h1>sum {{firstNumber.value + secondNumber.value}}</h1>

JS Fiddle:enter link description here

没有 ng 模型，两个数字的加法不起作用

Addition of two numbers not working without ng model

angularjs

angular9