Skip to main content
Agregado header al ejemplo
Origen Enlace
devconcept
  • 12.8k
  • 3
  • 42
  • 57
angular.module('saludApp', ['ionic'])
  .controller('diagnosticos', diagnosticos);

diagnosticos.$inject = ['$scope'];

function diagnosticos($scope) {

  var SumaDiag;

  SumaDiag = 0;
  $scope.Resultado = SumaDiag;

  $scope.elegir = {};

  $scope.Sumatoria = function(key) {

    if ($scope.elegir[key] === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

}
<script src="http://code.ionicframework.com/1.3.1/js/ionic.bundle.min.js"></script>
<link href="http://code.ionicframework.com/1.3.1/css/ionic.min.css" rel="stylesheet">
<div ng-app="saludApp" ng-controller="diagnosticos">
  <ion-header-bar class="bar bar-header bar-balanced">
    <h1 class="title">Diagnostica</h1>
  </ion-header-bar>
  <ion-content>
    <ul class="list-borderless">

      <div class="item item-divider">Sintomas principales</div>

      <li class="item item-toggle">

        Sintoma 1

        <label class="toggle toggle-dark">
          <input type="checkbox" ng-model="elegir.uno" ng-change="Sumatoria('uno')">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>

      </li>

      <li class="item item-toggle">

        Sintoma 2

        <label class="toggle toggle-dark">
          <input type="checkbox" ng-model="elegir.dos" ng-change="Sumatoria('dos')">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>

      </li>

      <li class="item item-toggle">

        Sintoma 3

        <label class="toggle toggle-dark">
          <input type="checkbox" ng-model="elegir.tres" ng-change="Sumatoria('tres')">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>

      </li>

      <li class="item item-toggle">

        Sintoma 2

        <label class="toggle toggle-dark">
          <input type="checkbox" ng-model="elegir.cuatro" ng-change="Sumatoria('cuatro')">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>

      </li>


    </ul>

    <div class="list-borderless">
      <div class="item item-body">
        <label>Diagnosticos elegidos</label>
        <h3 class="title">Principales:{{Resultado}}</h3>
      </div>
    </div>
  </ion-content>
</div>
angular.module('saludApp', ['ionic'])
  .controller('diagnosticos', diagnosticos);

diagnosticos.$inject = ['$scope'];

function diagnosticos($scope) {

  var SumaDiag;

  SumaDiag = 0;
  $scope.Resultado = SumaDiag;

  $scope.elegir = {};

  $scope.Sumatoria = function(key) {

    if ($scope.elegir[key] === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

}
<script src="http://code.ionicframework.com/1.3.1/js/ionic.bundle.min.js"></script>
<link href="http://code.ionicframework.com/1.3.1/css/ionic.min.css" rel="stylesheet">
<div ng-app="saludApp" ng-controller="diagnosticos">
  <ul class="list-borderless">

    <div class="item item-divider">Sintomas principales</div>

    <li class="item item-toggle">

      Sintoma 1

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.uno" ng-change="Sumatoria('uno')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 2

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.dos" ng-change="Sumatoria('dos')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 3

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.tres" ng-change="Sumatoria('tres')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 2

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.cuatro" ng-change="Sumatoria('cuatro')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>


  </ul>

  <div class="list-borderless">
    <div class="item item-body">
      <label>Diagnosticos elegidos</label>
      <h3 class="title">Principales:{{Resultado}}</h3>
    </div>
  </div>
</div>
angular.module('saludApp', ['ionic'])
  .controller('diagnosticos', diagnosticos);

diagnosticos.$inject = ['$scope'];

function diagnosticos($scope) {

  var SumaDiag;

  SumaDiag = 0;
  $scope.Resultado = SumaDiag;

  $scope.elegir = {};

  $scope.Sumatoria = function(key) {

    if ($scope.elegir[key] === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

}
<script src="http://code.ionicframework.com/1.3.1/js/ionic.bundle.min.js"></script>
<link href="http://code.ionicframework.com/1.3.1/css/ionic.min.css" rel="stylesheet">
<div ng-app="saludApp" ng-controller="diagnosticos">
  <ion-header-bar class="bar bar-header bar-balanced">
    <h1 class="title">Diagnostica</h1>
  </ion-header-bar>
  <ion-content>
    <ul class="list-borderless">

      <div class="item item-divider">Sintomas principales</div>

      <li class="item item-toggle">

        Sintoma 1

        <label class="toggle toggle-dark">
          <input type="checkbox" ng-model="elegir.uno" ng-change="Sumatoria('uno')">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>

      </li>

      <li class="item item-toggle">

        Sintoma 2

        <label class="toggle toggle-dark">
          <input type="checkbox" ng-model="elegir.dos" ng-change="Sumatoria('dos')">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>

      </li>

      <li class="item item-toggle">

        Sintoma 3

        <label class="toggle toggle-dark">
          <input type="checkbox" ng-model="elegir.tres" ng-change="Sumatoria('tres')">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>

      </li>

      <li class="item item-toggle">

        Sintoma 2

        <label class="toggle toggle-dark">
          <input type="checkbox" ng-model="elegir.cuatro" ng-change="Sumatoria('cuatro')">
          <div class="track">
            <div class="handle"></div>
          </div>
        </label>

      </li>


    </ul>

    <div class="list-borderless">
      <div class="item item-body">
        <label>Diagnosticos elegidos</label>
        <h3 class="title">Principales:{{Resultado}}</h3>
      </div>
    </div>
  </ion-content>
</div>
Corregida la respuesta para adaptarse a la peticion del OP
Origen Enlace
devconcept
  • 12.8k
  • 3
  • 42
  • 57

Puedes dividir la sumatoria en 2 funciones separadasuna función con distinto argumento, una para cada toggle. El lugar de $scope.Sumatoria() usa $scope.sintoma1Sumatoria('uno') y, $scope.sintoma2Sumatoria('dos'), etc. Luego usas ese valor para comparar contra el valor de esta forma$scope.elegir[key] ya que en javascript

$scope.elegir['uno'] 

es equivalente de

$scope.elegir.uno

Te dejo un ejemplo

angular.module('saludApp', ['ionic'])
  .controller('diagnosticos', diagnosticos);

diagnosticos.$inject = ['$scope'];

function diagnosticos($scope) {

  var SumaDiag;

  SumaDiag = 0;
  $scope.Resultado = SumaDiag;

  $scope.elegir = {};

  $scope.sintoma1Sumatoria = function() {

    if ($scope.elegir.uno === truekey) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

  $scope.sintoma2 = function() {
    if ($scope.elegir.doselegir[key] === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

}
<script src="http://code.ionicframework.com/1.3.1/js/ionic.bundle.min.js"></script>
<link href="http://code.ionicframework.com/1.3.1/css/ionic.min.css" rel="stylesheet">
<div ng-app="saludApp" ng-controller="diagnosticos">
  <ul class="list-borderless">

    <div class="item item-divider">Sintomas principales</div>

    <li class="item item-toggle">

      Sintoma 1

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.uno" ng-change="sintoma1change="Sumatoria('uno')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 2

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.dos" ng-change="sintoma2change="Sumatoria('dos')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 3

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.tres" ng-change="Sumatoria('tres')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 2

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.cuatro" ng-change="Sumatoria('cuatro')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>


  </ul>

  <div class="list-borderless">
    <div class="item item-body">
      <label>Diagnosticos elegidos</label>
      <h3 class="title">Principales:{{Resultado}}</h3>
    </div>
  </div>
</div>

Puedes dividir la sumatoria en 2 funciones separadas, una para cada toggle. El lugar de $scope.Sumatoria() usa $scope.sintoma1() y $scope.sintoma2() de esta forma.

angular.module('saludApp', ['ionic'])
  .controller('diagnosticos', diagnosticos);

diagnosticos.$inject = ['$scope'];

function diagnosticos($scope) {

  var SumaDiag;

  SumaDiag = 0;
  $scope.Resultado = SumaDiag;

  $scope.elegir = {};

  $scope.sintoma1 = function() {

    if ($scope.elegir.uno === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

  $scope.sintoma2 = function() {
    if ($scope.elegir.dos === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

}
<script src="http://code.ionicframework.com/1.3.1/js/ionic.bundle.min.js"></script>
<link href="http://code.ionicframework.com/1.3.1/css/ionic.min.css" rel="stylesheet">
<div ng-app="saludApp" ng-controller="diagnosticos">
  <ul class="list-borderless">

    <div class="item item-divider">Sintomas principales</div>

    <li class="item item-toggle">

      Sintoma 1

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.uno" ng-change="sintoma1()">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 2

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.dos" ng-change="sintoma2()">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>


  </ul>

  <div class="list-borderless">
    <div class="item item-body">
      <label>Diagnosticos elegidos</label>
      <h3 class="title">Principales:{{Resultado}}</h3>
    </div>
  </div>
</div>

Puedes dividir la sumatoria en una función con distinto argumento, una para cada toggle. El lugar de $scope.Sumatoria() usa $scope.Sumatoria('uno'), $scope.Sumatoria('dos'), etc. Luego usas ese valor para comparar contra el valor de $scope.elegir[key] ya que en javascript

$scope.elegir['uno'] 

es equivalente de

$scope.elegir.uno

Te dejo un ejemplo

angular.module('saludApp', ['ionic'])
  .controller('diagnosticos', diagnosticos);

diagnosticos.$inject = ['$scope'];

function diagnosticos($scope) {

  var SumaDiag;

  SumaDiag = 0;
  $scope.Resultado = SumaDiag;

  $scope.elegir = {};

  $scope.Sumatoria = function(key) {

    if ($scope.elegir[key] === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

}
<script src="http://code.ionicframework.com/1.3.1/js/ionic.bundle.min.js"></script>
<link href="http://code.ionicframework.com/1.3.1/css/ionic.min.css" rel="stylesheet">
<div ng-app="saludApp" ng-controller="diagnosticos">
  <ul class="list-borderless">

    <div class="item item-divider">Sintomas principales</div>

    <li class="item item-toggle">

      Sintoma 1

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.uno" ng-change="Sumatoria('uno')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 2

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.dos" ng-change="Sumatoria('dos')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 3

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.tres" ng-change="Sumatoria('tres')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 2

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.cuatro" ng-change="Sumatoria('cuatro')">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>


  </ul>

  <div class="list-borderless">
    <div class="item item-body">
      <label>Diagnosticos elegidos</label>
      <h3 class="title">Principales:{{Resultado}}</h3>
    </div>
  </div>
</div>
Origen Enlace
devconcept
  • 12.8k
  • 3
  • 42
  • 57

Puedes dividir la sumatoria en 2 funciones separadas, una para cada toggle. El lugar de $scope.Sumatoria() usa $scope.sintoma1() y $scope.sintoma2() de esta forma.

angular.module('saludApp', ['ionic'])
  .controller('diagnosticos', diagnosticos);

diagnosticos.$inject = ['$scope'];

function diagnosticos($scope) {

  var SumaDiag;

  SumaDiag = 0;
  $scope.Resultado = SumaDiag;

  $scope.elegir = {};

  $scope.sintoma1 = function() {

    if ($scope.elegir.uno === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

  $scope.sintoma2 = function() {
    if ($scope.elegir.dos === true) {
      $scope.Resultado++;
    } else {
      $scope.Resultado--;
    };

  }

}
<script src="http://code.ionicframework.com/1.3.1/js/ionic.bundle.min.js"></script>
<link href="http://code.ionicframework.com/1.3.1/css/ionic.min.css" rel="stylesheet">
<div ng-app="saludApp" ng-controller="diagnosticos">
  <ul class="list-borderless">

    <div class="item item-divider">Sintomas principales</div>

    <li class="item item-toggle">

      Sintoma 1

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.uno" ng-change="sintoma1()">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>

    <li class="item item-toggle">

      Sintoma 2

      <label class="toggle toggle-dark">
        <input type="checkbox" ng-model="elegir.dos" ng-change="sintoma2()">
        <div class="track">
          <div class="handle"></div>
        </div>
      </label>

    </li>


  </ul>

  <div class="list-borderless">
    <div class="item item-body">
      <label>Diagnosticos elegidos</label>
      <h3 class="title">Principales:{{Resultado}}</h3>
    </div>
  </div>
</div>