Angular does not display data in an output html file

Question

I have app.js file that contains the following code:

(function () {
var app = angular.module('store', []);

app.controller('StoreController', function () {
    this.product = gem;
});

var gem = {
    name: 'Dodechaedron',
    price: 2.95,
    description: '...',
};

})();

I also have the following html file that contains the following code:

<div ng-app="StoreController as store">
    <h1>{{store.product.name}}</h1>
    <h2>{{store.product.price}}</h2>
    <p>{{store.product.description}}</p>
</div>
<script src="Scripts/angular.min.js"></script>
<script src="app.js"></script>

it also includes

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="store">

When I build the app - nothing happens. The question is - where is mi data from the app.js file?

Thank you.

I would recommend using $scope variables to store data and keep static data like above in its own factory/service. — tymeJV
– tymeJV, Commented May 20, 2014 at 18:20

rob · Accepted Answer · 2014-05-20 18:15:58Z

1

You're using ng-app instead of ng-controller. If your change your html to this it should work:

<div ng-controller="StoreController as store">

answered May 20, 2014 at 18:15

rob

18.7k13 gold badges73 silver badges95 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CYB · Accepted Answer · 2014-05-20 18:16:57Z

1

Your app name should be store.

<html ng-app='store'>

StoreController is a controller so it should be used in ng-controller

answered May 20, 2014 at 18:16

CYB

1,10615 silver badges36 bronze badges

Collectives™ on Stack Overflow

Angular does not display data in an output html file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related