Pass variables to AngularJS controller best practice

Question

I am brand new to AngularJS and like what I ve seen so far  especially the model   view binding  I d like to make use of that to construct a simple  add to basket  piece of functionality   This is my controller so far   function BasketController  scope         scope products             scope AddToBasket   function  Id  name  price  image                             And this is my HTML    lt a ng-click  AddToBasket  237    Laptop    499 95    237 png    gt Add to basket lt  a gt    Now this works but I highly doubt this is the right way to create a new product object in my model  However this is where my total lack of AngularJS experience comes into play   If this is not the way to do it  what is best practice

User · Answer

I m not very advanced in AngularJS  but my solution would be to use a simple JS class for you cart  in the sense of coffee script  that extend Array   The beauty of AngularJS is that you can pass you  model  object with ng-click like shown below   I don t understand the advantage of using a factory  as I find it less pretty that a CoffeeScript class   My solution could be transformed in a Service  for reusable purpose  But otherwise I don t see any advantage of using tools like factory or service   class Basket extends Array   constructor  - gt     add   item  - gt       push item     remove   item  - gt      index    indexOf item        splice index  1     contains   item  - gt       indexOf item  isnt -1    indexOf   item  - gt      indexOf   -1       forEach  stored item  index  - gt        if  item id is stored item id          indexOf   index     return indexOf   Then you initialize this in your controller and create a function for that action     scope basket   new Basket     scope addItemToBasket    item  - gt      scope basket add item    Finally you set up a ng-click to an anchor  here you pass your object  retreived from the database as JSON object  to the function   li ng-repeat  item in items    a href     ng-click  addItemToBasket item

User · Answer

You could create a basket service   And generally in JS you use objects instead of lots of parameters   Here s an example  http   jsfiddle net 2MbZY   var app   angular module  myApp         app factory  basket   function         var items           var myBasketService            myBasketService addItem   function item            items push item              myBasketService removeItem   function item            var index   items indexOf item           items splice index  1              myBasketService items   function             return items              return myBasketService       function MyCtrl  scope  basket         scope newItem            scope basket   basket

User · Answer

You could use ng-init in an outer div    lt div ng-init  param  value    gt       lt div ng-controller  BasketController   gt           lt label gt param    value   lt  label gt       lt  div gt   lt  div gt      The parameter will then be available in your controller s scope   function BasketController  scope            console log  scope param

[javascript] Pass variables to AngularJS controller, best practice?

Examples related to javascript

Examples related to javascript-framework

Examples related to angularjs