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 [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
