2015-06-24 3 views
0

Я использовал plnkr для кодирования углового приложения im, работающего, но когда я пытаюсь закодировать его локально, все углы, похоже, перестают отвечать.cant get angular to beginate

heres my html: я пробовал использовать углы cdn и связывание фактического файла, но ничего не работает.

<!DOCTYPE html> 
<html ng-app='store'> 
    <head> 
    <meta charset="utf-8"> 

    <script src="angular.min.js"></script> 
</head> 


<body> 
    <div ng-controller="StoreController as store"> 
    <div ng-hide="store.product.soldOut"> 
     <h1> {{store.product.name}}</h1> 
     <h2> ${{store.product.price}}</h2> 
     <p> {{store.product.description}}</p> 
    <input type="text" ng-model="yourName" placeholder="enter name"> 
    hello, {{yourName}} 
     <button ng-show="store.product.canPurchase"> add to cart</button> 
    </div> 
    </div> 

    <script src="app.js"></script> 

</body> 
</html> 

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

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

    var gem = { 
    name: 'Dodecahedron', 
    price: 2.95, 
    description: '. . .', 
    canPurchase: true, 
    soldOut:true, 
    }; 

})(); 
+2

Где вы загружаете угловую библиотеку js? –

+0

Вы проверили вкладку сетей (используемого браузера) и проверили, загружаются ли файлы JS? – CuriousMind

+0

@COOOL его в моей папке JS. –

ответ

0

Убедитесь, что ваш призыв к угловому ресурс библиотеки работает - или правильный путь. Двойная проверка в консоли разработчика. Ниже приведена версия через google CDN и простая реализация - также проверьте, что «запуск вашего приложения с угловым tut» полезен! Если у вас есть ошибки в консоли, обновите свой вопрос!

угловые JS на КДС: <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

<!doctype html><!-- sample only --> 
<html ng-app> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
    </head> 
    <body> 
    <div> 
     <input type="text" ng-model="yourName" placeholder="Enter a name here"> 
     <h1>Hello, {{ yourName }}!</h1> 
    </div> 
    </body> 
</html> 

Хорошо tutorial. < - читать


Кроме того, это может быть просто проблема начала в онлайн-IDE. Существует guide, чтобы начать с использованием JSfiddle .net, поэтому вы можете ознакомиться с правилами или руководством для работы с plnkr.

+0

@cool его странно, я добавил, что cdn для моего индекса, и он все еще не работал. Но когда я копировал этот код в свой индекс, он работал только. –

+0

, то что-то не так с вашим кодом - вероятно, в конце концов. –

+0

Дело в том, что он работал на plnkr, но когда я использую тот же код в локальных файлах, он не работает –