Comunidad de diseño web y desarrollo en internet online

Problema con un simple código de AngularJs!

Citar            
MensajeEscrito el 02 Feb 2015 03:46 pm
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.

Código HTML :

<!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 :

var 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 ++;
      }
   }]);

Por web07

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 06 Feb 2015 07:06 pm
supongo que tu angular.js es el archivo donde tienes ese codigo.

Ahora... cual es el problema ??

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome
Citar            
MensajeEscrito el 10 Feb 2015 03:26 pm
Aqui:
<button ng-click="increaseAmount()">Increase amount</button>
estas llamando a una funcion

Por comicSans

Claber

151 de clabLevel



 

chrome
Citar            
MensajeEscrito el 05 Mar 2015 11:36 pm
Lo que dice comicSans es cierto.. y aqui dejo tu ejemplo como demo:

http://jsfiddle.net/elporfirio/7r3w3evr/

Por cierto.. me deshice del servicio de scope :P

Por elporfirio

Claber

652 de clabLevel

1 tutorial

Genero:Masculino  

FullStack Web Developer

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.