javascript - AngularJS ng-repeat does not render -


i practicing angularjs.

my problem :ng-repeat not repeat array.

index.html:

<!doctype html> <html ng-app="store">   <head>     <link rel="stylesheet" type="text/css" href="node_modules/bootstrap/dist/css/bootstrap.min.css" />     </head>   <body ng-controller="storecontroller store">     <div ng-repeat="product in store.products">       <h1> {{product.name}}</h1>       <h2> ${{product.price}}</h2>       <p> {{product.description}} </p>       <button ng-show="product.canpurchase">add cart</button>     </div>     <script type="text/javascript" src="node_modules/angular/angular.min.js"></script>     <script type="text/javascript" src="app.js"></script>   </body> </html> 


app.js:

(function(){     var app = angular.module('store', []);     var gems = [{name: 'dodecahedron',          price: 2.95,          description: 'hidden mass',          canpurchase : true,          soldout : true},         {name: 'pentagonal gem',          price: 5.95,          description: 'vacuum mass',          canpurchase : false,          soldout : false}            }];     app.controller('storecontroller', function(){     this.products = gems;     }); })(); 

can tell me fault is?

you provided }

here

    {name: 'pentagonal gem',      price: 5.95,      description: 'vacuum mass',      canpurchase : false,      soldout : false} <- here        }]; 

remove that

{   name: 'pentagonal gem',   price: 5.95,   description: 'vacuum mass',   canpurchase: false,   soldout: false  }]; 

demo


Comments

Popular posts from this blog

c++ - llvm function pass ReplaceInstWithInst malloc -

Cross-Compiling Linux Kernel for Raspberry Pi - ${CCPREFIX}gcc -v does not work -

java.lang.NoClassDefFoundError When Creating New Android Project -