Webstorm/Angular JS Getting Started
Hi,
I'm new both to Webstorm and AngularJS and am starting a project using both. I can't find the first steps anywhere --have checked out various links. When I watch the egghead.io/lessons/angularjs-binding, I see a couple of things that I cannot reproduce:
1) Bindings are not working. I've installed the AngularJS plugin -- I believe that has installed successfully since I now see AngularJS code-completion working. However, when in the tutorial John writes {{ 2+2 }} and when he refreshes it shows as 4, it stays {{2+2}} for me. Does this mean that I need first to install a server on my machine? I'd have thought not, since it's just html and javascript, but maybe that's why it isn't working. I created a project called Test1 and so the URL on my machine is http://localhost:63342/Test1/index.html. I didn't configure that port -- did Webstorm do it automatically?
2) I don't know how he gets that Preview Pane to display on the right. I can see nothing like it.
Thanks.
Please sign in to leave a comment.
Well never mind about the pane on the right -- it looks like it's chrome in another window. So just the first part needs an answer. :)
Hello!
1. This is a known issue, please vote for http://youtrack.jetbrains.com/issue/WEB-6471
localhost:63342 is the addresss of WebStorm built-in web server (http://blog.jetbrains.com/webide/2013/03/built-in-server-in-webstorm-6/)
Thanks. It turns out that there was another solution, which I'll post here since someone else may find it useful. It was essentially a path/protocol problem. The example was using protocol-relative URL:
<script src="vendor/angularjs/angular.js"></script>
Once I changed it to this:
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>