AngularJS Example:

by Arnaud

HTML

<div ng-app>
  <h2>Calculate</h2>

  <div ng-controller="TodoCtrl">
    <form>
        <li>Number 1: <input type="text" ng-model="one">  
        <li>Number 2: <input type="text" ng-model="two">
        <li>Total <input type="text" value="{{total()}}">       
        {{total()}}
    </form>
  </div>
</div>

            
            
            
            
            
            <ion-view class="sim-view">
   <ion-nav-title>
    <span>Test</span>
  </ion-nav-title>
  <ion-content>
  <h1 class="titre-page">
Simulation  </h1>

<div class="sim-sliders" ng-controller="simMontantCtrl">

                                   

                 
                
                   <div class="sim-montant sim-slider" >
                 Montant de l'emprunt en Euros :  {{user1.value}} 
                    <div class="range range-assertive" >
                      
                        <input type="range" name="montant" id="montant" min="0" max="{{user1.max}}" value="{{user1-min}}" step="50000" ng-model="user1.value" >
                       
                     
                    
                       </div>
                    </div>

                 
 <div class="sim-duree sim-slider" >
               Durée de l'emprunt en années:  {{user2.value}} 
                    <div class="range range-assertive" >
                      
                        <input type="range" name="duree" id="duree" min="1" max="{{user2.max}}" value="{{user2.min}}" step="1" ng-model="user2.value" >
                       
                     
                      
                       </div>
                    </div>
                
         
            <div class="sim-taux sim-slider" >
               Taux de l'emprunt en pourcentage :  {{user3.value}} 
                    <div class="range range-assertive" >
                      
                        <input type="range" name="taux" id="taux" min="0" max="{{user3.max}}" value="1" step="0.1" ng-model="user3.value" >
     ...

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<style>
.done-true {
  text-decoration: line-through;
  color: grey;
}



/*
var capital = //entrer la valeur;
var nombre = //entrer la valeur;
var taux = //entrer la valeur;
i = taux / 1200.0;
//la fameuse formule;
m = capital*i*Math.pow(1+i,nombre)/(Math.pow(1+i,nombre)-1);
var m_=m;
m=Math.round(m);
//inserer le résultat ou il faut; */

JavaScript

function TodoCtrl($scope) {
 
    $scope.total = function(){
        return $scope.one / $scope.two ;
    };
}


/*.controller('simMontantCtrl', function($scope) {

 $scope.user1= {
        min:0,
        max:10000000
     
    };


$scope.user2= {
        min:0,
        max:60
     
    };
	
$scope.user3= {
        min:0,
        max:25
     
    };
	
})
*/