domingo, 30 de noviembre de 2014

Etiquetas AngularJS en Visual Studio 2012

Luego de empezar a trabajar con el Framework de AngularJS me preguntaba como hacer para que mi herramienta de desarrollo (Visual Studio 2012) pueda reconocer las etiquetas de AngularJS, tal como se muestra en la imagen.

Visual Studio 2012


Los pasos a seguir para conseguir este resultado son los siguientes:


  1. Descargar el siguiente archivo: Intellisence AngularJS
  2. Abrir la siguiente Ubicación en tu PC: C:\Program Files (x86)\Microsoft Visual Studio 11.0\Common7\Packages\schemas\html
  3. Mover el archivo descargado a la ruta abierta.
  4. Reiniciar Visual Studio 2012.


Listo...!



Publicadas por a la/s No hay comentarios.:

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
Publicadas por a la/s 1 comentario:
Suscribirse a: Comentarios (Atom)