Skip to content

Шпаргалка по AngularJS

AngularJS — это JavaScript-фреймворк.

Список (ng-repeat)

    <ul ng-controller="MyListCtrl">
      <li ng-repeat="phone in phones">
        {{phone.name}}
      </li>
    </ul>

Модель (ng-model)

    <select ng-model="orderProp">
      <option value="name">Alphabetical</option>
      <option value="age">Newest</option>
    </select>

Определение модуля

    App = angular.module('myApp', []);

    App.controller('MyListCtrl', function ($scope) {
      $scope.phones = [ ... ];
    });

Предотвращение минификации контроллера

    App.controller('Name', [
      '$scope',
      '$http',
      function ($scope, $http) {
      }
    ]);

    a.c 'name', [
      '$scope'
      '$http'
      ($scope, $http) ->
    ]

Сервисы

    App.service('NameService', function($http){
      return {
        get: function(){
          return $http.get(url);
        }
      }
    });

Вызов с параметрами в контроллере будет использовать промисы (promises) для возврата данных с сервера.

    App.controller('controllerName',
    function(NameService){
      NameService.get()
      .then(function(){})
    })

Директивы

    App.directive('name', function(){
      return {
        template: '<h1>Hello</h1>'
      }
    });

В HTML использование <name></name> будет рендерить ваш шаблон <h1>Hello</h1>

HTTP

  App.controller('PhoneListCtrl', function ($scope, $http) {
    $http.get('/data.json').success(function (data) {
      $scope.phones = data;
    })
  });

Ссылки: