senor, how are your running your app? On Friday, November 11, 2016 at 5:15:26 AM UTC-8, Heliogábalo Santos wrote: > > Hi, > > I'm working in a web app, but for some reason that i don't understant my > browser > is not showing it correctly. I think i'm missing some files on the / > [root-directory]. > > index.html: > > <!DOCTYPE html> > <html ng-app="gemStore"> > <head></head> > <link rel="stylesheet" type="text/css" href="bootstrap.min.css" /> > <script type="text/javascript" src="angular.min.js"></script> > <script type="text/javascript" src="app.js"></script> > </head> > <body class="list-group" ng-controller="StoreController as store"> > <header> > <h1 class="text-center">Prueba tienda</h1> > <h2 class="text-center">_ aplicación con Angular-js _</h1> > </header> > <div class="list-group-item" ng-repeat = "product in store.products"> > <h3> > {{product.name}} > <em class="pull-right">{{product.price | currency}}</em> > </h3> > <!-- Image gallery --> > <div class="gallery" ng-show="product.images.length" > ng-controller="GalleryController as gallery"> > <img ng-src="{{product.images[gallery.current]}}"> > <ul class="list-inline thumbs"> > <li class="thumbnail" ng-repeat="image in product.images"> > <img ng-src="{{image}}" /> > </li> > </ul> > </div> > > <section class="tab" ng-controller="TabController as tabber"> > <ul class="nav nav-pills"> > <li ng-class="{active: tabber.isSet(1)}"> > <a href ng-click="tabber.setTab(1)">Description</a></li> > <li ng-class="{active: tabber.isSet(2)"}> > <a href ng-click="tabber.setTab(2)">Specs</a></li> > <li ng-class="{active: tabber.isSet(3)"> > <a href ng-click="tabber.setTab(3)">Reviews</a></li> > </ul> > <div ng-show="tabber.isSet(1)"> > <h4>Description</h4> > <blockquote>{{product.description}}</blockquote> > </div> > <div ng-show="tabber.isSet(2)"> > <h4>Specs</h4> > <blockquote>Shine: {{product.shine}}</blockquote> > </div> > <div ng-show="tabber.isSet(3)"> > <h4>Reviews</h4> > <blockquote></blockquote> > </div> > </section> > </body> > </html> > > > > > app.js > > (function() { > var app = angular.module('gemstore', []); > > app.controller('GalleryController', function() { > this.current = 0; > > this.setCurrent = function(value) { > this.current = value || 0; > }; > }); > > app.controller('StoreController', function() { > this.products = gems; > }); > > app.controller('TabController', function() { > this.tab = 1; > > this.setTab = function(selectTab) { > this.tab = selectTab; > }; > this.isSet = function(tabde) { > return this.tab == tabde; > }; > }); > > var gems = [{ > name: 'Azurite', > description: "Some gems have hidden qualities beyond their luster, > beyond their shine... Azurite is one of those gems.", > shine: 8, > price: 110.50, > rarity: 7, > color: '#CCC', > faces: 14, > images: [ > "images/gem-02.gif", > "images/gem-05.gif", > "images/gem-09.gif" > ] > }, { > name: 'Bloodstone', > description: "Origin of the Bloodstone is unknown, hence its low > value. It has a very high shine and 12 sides, however.", > shine: 9, > price: 22.90, > rarity: 6, > color: '#EEE', > faces: 12, > images: [ > "images/gem-01.gif", > "images/gem-03.gif", > "images/gem-04.gif" > ] > }, { > name: 'Zircon', > description: "Zircon is our most coveted and sought after gem. You > will pay much to be the proud owner of this gorgeous and high shine gem.", > shine: 70, > price: 1100, > rarity: 2, > color: '#000', > faces: 6, > images: [ > "images/gem-06.gif", > "images/gem-07.gif", > "images/gem-10.gif" > ] > }]; > })(); > > > > > > But i can't find what i'm doing wrong. This is it a screenshot: > > > > > > <https://lh3.googleusercontent.com/-8io9fluRvsk/WCW6ivI1FSI/AAAAAAAAA7M/yCvKCTQuwLoW5TqdojX7k5lu3Wv2KH78ACLcB/s1600/capt.png> >
-- You received this message because you are subscribed to the Google Groups "Angular" group. To unsubscribe from this group and stop receiving emails from it, send an email to angular+unsubscr...@googlegroups.com. To post to this group, send email to angular@googlegroups.com. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.