how to use angularjs in mvc 5

The basic steps how to learn AngularJs?

Hello everyone, I am going to share the steps of using angularjs in MVC V4.0+, The steps as given bellows.

In the 1st step, Need to add the angularjs library URL on the page.

In the 2nd step, Need to add the basic angularjs attribute which are give below. 

  1. ng-app,
  2. ng-model and
  3. ng-controller etc.
The example code
<script>
     var app = angular.module(myApp, []);
     app .controller('myController', ['$scope', function ($scope) {
           $scope.anything = [];           
      }]);
</script>
The example as given below.

<div ng-app="myApp">
    <div class="jumbotron">
       <h1><a href="www.code-sample.com">www.code-sample.com</a></h1>
    </div>
   <div class="row">
        <div class="col-md-12">
            <div>
                <label>Filter Text</label>
                <input type="text" ng-model="filterText" class="input-text" placeholder="Enter text">
                <hr>
                <h1>Hello {{filterText}}!</h1>
            </div>
            <p>
            </p>
            <p><a class="btn btn-default" href="http://www.code-sample.com/2014/05/angularjs-interview-questions-and.html" target="_blank">Learn more &raquo;</a></p>
        </div>
    </div>
</div>
ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.
ASK Questions
SQL Server NodeJs TypeScript JavaScript Angular SQL Server My Book