Wednesday, January 7, 2015

Angular js

Video Tutorial: Angular js

We had our Hack Sessions in the office and I need to learn Angular js because it was the tool to be used in the application. We were given this video tutorial (see above) and when I watched it, I learned Angular js in 20 minutes. It is really easy to understand and I was able to follow its different capabilities. Some of them are Directives, Filters, Data Binding, Modules, Controllers and Routes. For example, we just added a directive "ng-app" in the html tag, then added a simple "ng-model" in an input control, then put some "{{ }}" for the data-binding and (voila!) we already have a working code that shows what I written in the input control. That was the fastest record of creating a simple application and actually worked.

<!DOCTYPE html>
<html ng-app>
<head>
    <title>Angular App</title>
</head>
<body>
    <h1>AngularJS</h1>
    <div>
        Search: <input type="text" ng-model="searchText" />
        {{ searchText }}
    </div>
    <script src="Scripts/angular.js"></script>
</body>
</html>

No comments: