<div ng-app> <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script> Type some text and watch it appear below: <input type="text" ng-model="someText" /> <h1>Your text: {{ someText }}</h1> </div>
This is in my opinion one of the most basic forms of an angular app. Normally we have an associated Javascript file (and optional css file), but in this case we don't even need it.
This is what the code will produce:
Type some text and watch it appear below:
0 Comments
I noticed that many of my recent Angular posts were being retweeted by a "twitter bot" with the handle @ameanmbot. I then clicked on the one account the bot is following: @ameanmagazine. I followed the link on back to their website, www.ameanmagazine.com, and I was pleasantly surprised to find many high quality articles about Angular, Node, Mongo, and specialized areas under these topics. I've bookmarked the site, and I'm writing this article so that I remember to follow this site for news and tips. Good stuff, MEAN magazine!
I didn't fully understand what routes were in Angular until followign along with this example. It uses Angular 2 code to create a basic site with three "pages". This is basically what routes are- the "pages" in a single page web application. I'll let Lukas from onehungrymind.com explain it.
Link to the original video: https://devchat.tv/adventures-in-angular/001-aia-the-birth-of-angular-1 This is the very first podcast in a long series of Angular podcasts. I’m just getting into them now myself, but I liked this first one a lot and wanted to share it in a blog post.
For the super basic Angular example with pure html check out the Angular Hello World post. This post is a step up; it's the regular basic angular tutorial (advanced basic tut coming soon!). Here we're going making use of a Javascript file to save data in an array let angular update our DOM elements acordingly. Yeaahhooo!
What Are We Making Here, Anyway?
Below You can test the Angular application that I'll show you how to make in this tutorial (We aren't using any css here, and my blog is automatically adding some styling to the webapp so yours might look slightly different when you drag the files into your browser):
|
AuthorThe posts on this site are written and maintained by Jim Lynch. About Jim...
Categories
All
Archives
March 2023
|