Ir al contenido principal

AngularJS ( Directives )

Ng-App

Attach the Application Module to the Page

Ng-Controller

Attach a Controller function to the page

Ng-Show

Will show an element if true
  • Ex: <button ng-show="product.saleproduct.canPurchase"> Add to cart</button>
  • product.saleproduct.canPurchase - Property from the controller

Ng-Hide

Hide an element like a <div>
  • Ex: <button ng-hide="product.saleproduct.soldOut"> </div>


Arrays

var saleproducts= [
  {
     name: 'Porche' ,
     price: 295 ,
     desc: "My first car"
   },
  {
     name: 'Audi' ,
     price: 290 ,
     desc: "My second car"
   }
];

Length
To get the size use length
Ex:  product.images.length

To display the array just indicate the element as usual

   <h2> {{product.saleproduct[0].price}} </h2>

Add an element
Use the method push to add
array.push(element);

Add anohter aray
Need to assign the result to an array
array_result = first_array.concat(second_array);

Get a subarray
Use slice indicating the first position to the last position to get
array.slice(1, 7);

Ng-repeat

Display an array according with the view, as a foreach

<div ng-controller="AppController as appController">
<div ng-repeat="product in appController.saleproducts">
<h1>{{product.name}}</h1>
<h2>{{product.price}}</h2>
<p>{{product.desc}}</p>
<button ng-show="product.canPurchase">Add to
cart</button>
</div>
</div>

In this case appController.saleproducts  is the array previously declared

Ng-src

Establish the attribute src
<img ng-src="{{ product.image.globe}}">

if you use src from html cause an error, because tries to load the image before the Expression evaluates.







Comentarios

Publicar un comentario

Entradas populares de este blog

Android - Basic Steps (Notifications)

User Notifications Types: Toast Notification Area Notifications Tip To use the notification vibration, establish the permission in the AndroidManifest.xml file    <uses-permission android:name="android.permission.VIBRATE" >     </uses-permission> Broadcast Base class for components that receive and react to events When event occur is represented as Intent, then are broadcast to system The Intent routes to BroadcastReceiver The BroadcastReceiver receive on the method onReceive() Broadcast Events can be broadcast in Order or Normal way Normal - Undefined order and if there are two or more BroadcastReceivers can process the event at the same time. Order - Deliver the intent one at the time in priority order Can also be Sticky or Not Sticky Sticky   Store intent after initial broadcast Is useful to record system changes like the battery status Is disposed after the event finish  Non Stick...
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

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