lunes, 24 de noviembre de 2014

Primera Practica AngularJS

Primera Practica con AngularJS

Para empezar vamos a empezar a añadir lo CDN de los Frameworks con los que trabajaremos.
CDN de Angular
                <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
            

CDN de BootStrap
                <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
            
Bueno el codigo de ejemplo
             <html lang="en">
                <head>
                    <meta charset="utf-8" />    
                    <title></title>
                    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
                    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
                </head>
                <body ng-app>
                    <div>
                        <label>Escribe tu Nombre:</label>
                        <input type="text" ng-model="nombre" placeholder="Escribe tu Nombre">
                        <hr>
                        <h1 class="text-info">Hola: {{nombre}} ...!</h1>
                    </div>
                </body>
            </html>
            
Aqui una imagen del ejemplo

1 comentario: