Показать сообщение отдельно
  #1 (permalink)  
Старый 26.05.2013, 22:41
Профессор
Отправить личное сообщение для DjDiablo Посмотреть профиль Найти все сообщения от DjDiablo
 
Регистрация: 04.02.2011
Сообщений: 1,815

Игра в демки, пиар ангуляра и обучение.
Идея ! Предлагаю попубликовать мелкие но интересные приложения написанные на этом фреймворке вами лично.
Профит= пропиарим фреймворк + обменяемся опытом.
Присоединяйтесь 

Начнём с простого.
Калькулятор калорий.
<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
    <script language="javascript" type="text/javascript">

      function СompCnt($scope) {        
        //todo массив из значений
        $scope.mass=50;
        $scope.stature=170;        
        $scope.age=20;        
        $scope.calories=0;
        
        $scope.computing=function(){        	                       
           $scope.calories=10 * $scope.mass + 6.25*$scope.stature-5*$scope.age+5;          
        }

        //запустим чтобы калории посчитались из значений по умолчанию
        $scope.computing();
      }
    </script>
  </head>
  
  <body>
    <H3>Калькулятор потребности в калориях</h3>
    <div ng-controller="СompCnt">
      	
        Вес:<input type="text" ng-model="mass" ng-change="computing()">
      	Рост:<input type="text" ng-model="stature" ng-change="computing()">
      	Возраст:<input type="text" ng-model="age" ng-change="computing()">      	      	      
      	<hr/>
      	Потребность мужчины в калориях: <b>{{calories}}</b> калорий в день
      
    </div>                    
  </body>
</html>
__________________
Лучше калымить в гандурасе чем гандурасить на колыме

Последний раз редактировалось DjDiablo, 27.05.2013 в 01:17.
Ответить с цитированием