Как скрыть значение по умолчанию для ng-модели

Question

В моем угловом контроллере у меня есть это

  var app = angular.module('myApp', []);
        app.controller('myCtrl', function($scope) {
  $scope.getTotal= function() {
    return 10*Number($scope.o)+
          10*Number($scope.p)+
          10*Number($scope.q)+
          10*Number($scope.r)+
          10*Number($scope.s)+
          10*Number($scope.t);
          $scope.o=0;

    }
         $scope.p=0;
      $scope.q=0;
      $scope.r=0;
      $scope.s=0;
      $scope.t=0;
        });

    <td><input type=" number" class="hobbit"  style="width:60px;margin:6px;" ng-model="t"></td>
    <td><input type="text" class="form-control" style="width:60px;margin:6px;" value="{{getTotal()}}" > </td>
 <td><input type="number" class="form-control" value="{{getTotal()}}" style="width:60px;margin:6px;" ></td>

Проблема в том, что значение в моем поле ввода показывает ноль, я хочу скрыть это значение, есть идеи, как это сделать?

Answer 1

Если вы не хотите отображать значение по умолчанию, возможно, вы можете, например, не установить значение по умолчанию.Вся эта часть кода может быть удалена:

$scope.p=0;
$scope.q=0;
$scope.r=0;
$scope.s=0;
$scope.t=0;

И после отправки формы, если вы обнаружите, что ваша переменная все еще не определена, установите для нее значение по умолчанию.

$scope.getTotal= function() {
    if($scope.p === undefined)
        $scope.p = 0;
    if($scope.q === undefined)
        $scope.q = 0;
    if($scope.r === undefined)
        $scope.r = 0;
    if($scope.s === undefined)
        $scope.s = 0;
    if($scope.t === undefined)
        $scope.t = 0;

    return 10*Number($scope.o)+
        10*Number($scope.p)+
        10*Number($scope.q)+
        10*Number($scope.r)+
        10*Number($scope.s)+
        10*Number($scope.t);
        $scope.o=0;
}