Как оживить код с помощью AngularJS?

Question

[Ваня Зюзгин]

jsfiddle.net/tctkopre/2

<script>
  var app = angular.module('foo', []);

  app.controller('userCtrl', function ($scope) {
      $scope.sum = $scope.range1 + $scope.range2;
  });
</script>

<div ng-controller="userCtrl">
  <input ng-model="range1" type="range" value="10" />
  <input ng-model="range2" type="range" value="10" />
  <h1>{{sum}}</h1>	
</div>

Решение вида {{range1+range2}} не подходит, так как в последствии нужно делать несколько сравнений полученного результата и пихать их в шаблон, наверное, не правильно.

Answer 1

[Alex]

var app = angular.module('foo', []);

	app.controller('userCtrl', function ($scope) {
  		 $scope.one = 10;
       $scope.two = 10;
			 $scope.$watch('one', function(newValue, oldValue) {
               summa();
        });
        $scope.$watch('two', function(newValue, oldValue) {
               summa();
        });
        
        function summa(){
        	 $scope.sum = parseInt($scope.one) + parseInt($scope.two);
        }

	});

Comments

[Ваня Зюзгин]

и совсем не БыдлоГовноНаноКодер ;)

Answer 2

[Олег]

в настройках поля [javascript] в jsfiddle в поле frameworks & extensions -> AngularJS 1.4.8

Comments

[Ваня Зюзгин]

Спасибо, что на это указали, но это не решение проблемы.