Problema con un simple código de AngularJs!

Eclypse05 · #1 (**permalink**) 02/02/2015, 10:30

Mi problema es que ando iniciándome con este nuevo framework que todos mencionan que es muy bueno y ayer lo estuve practicando y he tenido un problema para aumentar el numero de una variable "amount".

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es" ng-app="miApp">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <link rel="stylesheet" href="bootstrap.min.css">
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular.min.js"></script>
   <script type="text/javascript" src="angular.js"></script>
</head>
<body ng-controller="miControlador">
   <h1>{{phrase}}</h1>
   {{expense.description}} - {{expense.amount}}
   <button ng-click="increaseAmount">Increase amount</button>
</body>
</html>

Código Javascript:

Ver originalvar app = angular.module('miApp', [])
 
   app.controller('miControlador', ['$scope', function ($scope) {
      $scope.expense = {
         description: 'food',
         amount: 10
      };
 
      $scope.phrase = 'the sky is blue';
 
   $scope.increaseAmount = function() {
      $scope.expense.amount ++;
      }
   }]);

Carlangueitor · #2 (**permalink**) 05/02/2015, 11:54

Esto:

Código Javascript:

Ver originalng-click="increaseAmount"

debe ser esto:

Código Javascript:

Ver originalng-click="increaseAmount()"

Saludos