componenete sumar

2015-11-26 11:27:51 +01:00 · 2015-11-26 11:27:51 +01:00 · 71f2d83ddd
--- a/temp/index.html
+++ b/temp/index.html
@ -0,0 +1,43 @@
 <!--Directiva ng-app para indicarle a AngularJS que debe ejecutarse sobre este documento-->
 <html ng-app="app">
 <head>
    <title>Hola AngularJS</title>
    <meta charset="utf-8" />
    <meta lang="es" />
    <meta name="description" content="Tutorial simple Hola Mundo en AngularJS por Alberto Basalo" />
    <meta name="author" content="Alberto Basalo @ Ágora Binaria" />
    <meta name="application-name" content="HolaAngularJS" />
    <meta name="Keywords" content="AngularJS, ejemplo, tutorial, curso, ng-app" />
    <link rel="author" href="https://plus.google.com/+AlbertoBasalo71" />
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
 </head>
 <body class="container-fluid" ng-init="a=4; b=5">
    <sumar a="{{a}}" b="{{b}}" ></sumar>
 <script>
        angular.module('app',[])
        .directive('sumar',function(){
            return{
                template:'<span>{{ sumar.a + sumar.b }} -- {{ sumar.suma() }}</span>',
                scope:{
                    a:"@",
                    b:"@"
                    },
                controller : function(){
                    var vm = this;
                    this.suma = function(){
                        return vm.a + vm.b ; 
                    }
                },
                controllerAs : "sumar",
                bindToController:true
            }
        })
    </script>
 </body>
 </html>