Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • Handling of HTTP in Angular

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 235
    Comment on it
    <html ng-app="phonecatApp" ng-controller="PhoneListCtrl">
      <script src="lib/angular/angular.js"></script>
      <script src="js/controllers.js"></script>
    <body >
            <ul class="phones">
              <li ng-repeat="phone in phones | filter:query |orderBy:orderProp">

    The js/controllers.js file

    var phonecatApp = angular.module('phonecatApp', []);
    phonecatApp.controller('PhoneListCtrl', function ($scope, $http) {
      $http.get('phones/phones.json').success(function(data) {
        $scope.phones = data;
      $scope.orderProp = 'age';

    What all is happening here?
    We are defining a controller PhoneListCtrl and we are making a request to phones/phones.json file and binding the success data to phones scope. Scope works like a glue between controller and view in angular.
    One thing is really needed the attention here how easily the json has parsed and added to dom content .

 0 Comment(s)

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: