CODEWITHSUNDEEP
angularjswebstorm
user1305541
user1305541

Reputation: 205

AngularJS set up with Webstorm

I'm getting started with Angularjs and fallen at the first hurdle :-(

i've installed node (windows installer) and the webstorm ide. in webstorm i've installed the angularjs plugin and in the html typing 'ng' prompts all the ng templates in a dropdown, so this look ok.

cutting and pasting in the demo html5 (under the heading 'The Basics' at http://angularjs.org/) and running in webstorm and navigating to the file url (in firefox or chrome) however the angular statement '{{yourName}}' isn't binding at all - it's rendered out as a literal. Anyone know where i'm going wrong ?

Upvotes: 3

Views: 15942

Answers (2)

Monish Sen
Monish Sen

Reputation: 1888

Try prefixing the ng tag with data like data-ng-model.

Upvotes: 0

pkozlowski.opensource
pkozlowski.opensource

Reputation: 117370

The example on the home page was using protocol-less (or protocol-relative) URLs (http://www.paulirish.com/2010/the-protocol-relative-url/). While those are very handy, protocol-relative URLs don't play nicely with the file:// protocol in this case. Simply your browser is trying to retrieve AngularJS library from the local file system. To fix it you need to add protocol:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>

Upvotes: 5

Related Questions