Ir al contenido principal

AngularJS (Setup / Controller )

Download

  • angular.min.js

           https://angularjs.org/

  • Twitter Bootstrap (bootstrap.min.js)
          http://getbootstrap.com/


Module

  1. Is where we write our code

Implement Angular


  1. Create a javascript file to type your code
    • <script type="text/javascript" src="resources/myapp.js">
  2. Create a Module
    • In your javascript file create your first module
  3. Specify that is an Angular application
    • Add in the tag <html>  the attribute ng-app="module_name"
    • This means that will run the module with name  module_name

Tutorials

https://egghead.io/
http://www.thinkster.io/

API


http://kapeli.com/dash

Expressions

You can include in your code an expression 
  • {{  4 + 6 }}
  • {{ "Hello" + "message" }}

Controller

Where is defined the app's behaviour, the functions and values

Create a Controller


  1. Create a function
    • (function () {}  ) ();
    • As a good practice wrap your function in a closure
  2. Create a Module
    • var app = angular.module('controller', []);
  3. Define the controller inside the function
    • app.controller('AppController', function (){
    • });
  4. Define the properties inside the controller function
    • this.saleproduct= object4Sale;
    • Where object can be
      • var object4Sale= {
      •   name: 'Porche' , 
      •   price: 295 , 
      •   desc: "My first car"
      • }
Ending in something like this

var app = angular.module('store', []);

(function() {

var app = angular.module('controller', []);

app.controller('AppController', function() {

this.saleproduct = object4Sale;
});

var object4Sale = {
name : 'Name',
price : 2.95,
desc: "My first product sold"
}

})();

Display our controller in the View

  1. Add the Directive ng-controller to add the controller 
    •  <div ng-controller="AppController as store">
      • AppController is you controller name
      • store is an allias
    • Inside the div display the information calling the properties
      • {{ product.saleproduct.name}}






Comentarios

Publicar un comentario

Entradas populares de este blog

Android - Basic Steps (Service)

Service Run in the main thread of the hosting application Android can kill the Service if need the resources Purpose Supporting inter-application method execution Performing background processing Start a Service Call Context.startService(Intent intent)\ To call from a Fragment use getActivity().getApplicationContext().startService( intentService); Executing the service After call startService(...)  In the Service is executed the method onStartCommand(...) If the method returns the constant START_NOT_STICKY then Android will not restart the service automatically if the the process is killedp Foreground To execute the service foreground call the method startForeground() Use this if the user is aware of the process Bind to a Service Call the method Context.bindService( Intent service ServiceConnection con int flags ) Send Toast from the Service On the method onStartCommand receive the message   ...
Publicar un comentario
Leer más

BI - SSIS ( Basics I )

SSIS - Basic Concepts Tasks Bulk Insert Task—Loads data into a table by using the BULK INSERT SQL command. Data Flow Task—This is the most important task that loads and transforms data into an OLE DB Destination. Execute Package Task—Enables you to execute a package from within a package, making your SSIS packages modular. Execute Process Task—Executes a program external to your package, like one to split your extract file into many files before processing the individual files. Execute SQL Task—Executes a SQL statement or stored procedure. File System Task—This task can handle directory operations like creating, renaming, or deleting a directory. It can also manage file operations like moving, copying, or deleting files. FTP Task—Sends or receives files from an FTP site. Script Task—Runs a set of VB.NET or C# coding inside a Visual Studio environment. Send Mail Task—Sends a mail message through SMTP. Analysis Services Processing Task—This task processes a SQL Server A...
Publicar un comentario
Leer más

TOGAF9

Kinds of Architectures Business Architecture / Business Process Architecture    Define the business strategy, governance, organization and key business processes Data Architecture    Describe the structure of an organization logical and physical data assets and data resources Application Architecture    Describe a blueprint for the individual application systems to be deploy, interactions and  their relationships to the core business processes of the organization Technology Architecture    Describe the logical software and hardware capabilities that are required to support the deployment of business data and application services. This includes middle-ware infrastructure, networks, communications, processing standards  Architecture Governance Increase transparency of accountability, and informed delegation of authority Controlled risk management Protection of the existing asset base through maximizing  re-us...
Publicar un comentario
Leer más