Ошибка с использованием angular

Question

Я пытаюсь выучить angular и получаю следующие ошибки при попытке запустить этот код:

1. Неожиданный токен. Ожидается конструктор, метод, средство доступа или свойство.
2. Левая часть оператора запятой не используется и не имеет побочных эффектов.
3. Ожидается объявление или инструкция.

export class AppComponent {
  var app = ('app', ['ngAnimate'])

  app.controller('mainCtrl', function($scope) {
    $scope.boxes = [{
      name: 'Friends',
      image: 'https://source.unsplash.com/uAgLGG1WBd4/900x900'
    },{
      name: 'Free',
      image: 'https://source.unsplash.com/Cp-LUHPRpWM/900x900'
    },{
      name: 'Explore',
      image: 'https://source.unsplash.com/7BjmDICVloE/900x900'
    }, {
      name: 'Vast',
      image: 'https://source.unsplash.com/WLUHO9A_xik/900x900'
    }, {
      name: 'Playful',
      image: 'https://source.unsplash.com/b2-fBVrfx0o/900x900'
    }, {
      name: 'Grand',
      image: 'https://source.unsplash.com/Ixp4YhCKZkI/900x900'
    }, {
      name: 'Mist',
      image: 'https://source.unsplash.com/8BmNurlVR6M/900x900'
    }, {
      name: 'Sea',
      image: 'https://source.unsplash.com/6YqpFWWQsno/900x900'
    }, {
      name: 'Reach',
      image: 'https://source.unsplash.com/zFnk_bTLApo/900x900'
    }, {
      name: 'Awe',
      image: 'https://source.unsplash.com/j4PaE7E2_Ws/900x900'
    }, {
      name: 'Surf',
      image: 'https://source.unsplash.com/uohGiEVhWiQ/900x900'
    }, {
      name: 'Thrill',
      image: 'https://source.unsplash.com/ssrbaKvxaos/900x900'
    }, ];

    $scope.selected = [];
    $scope.selectBox = function(item, position) {
      $scope.selected = [{
        item: item,
        position: position
      }];
      $scope.$apply();
    }
    $scope.clearSelection = function() {
      $scope.selected = [];
    }
  })
}

Answer 1

У вас есть ключевое слово в первой строке вашего класса: var, var для присвоения переменных с ограниченной областью видимости внутри класса, у вас есть свойства.

Свойство объявлено в Node.js внутри конструктор, использующий ключевое слово this., или вне конструктора (TypeScript).

A node.js пример:

class AppComponent {
  constructor() {
    this.app = ('app', ['ngAnimate'])
  }
}

Должен признать, Я думаю, что это наименьшая из ваших проблем, код не выглядит как действительный, хотя я могу ошибаться.

Я никогда не видел app.controller(), объявленного в основном область действия класса, обычно это ожидается либо внутри метода, либо в виде объявления метода.

Не стесняйтесь попробовать выше, внести необходимые изменения и оставить отзыв о том, что еще нужно исправить (как я ' m почти уверен, что у вас возникнут проблемы со следующей строкой).

А пока я изучу AngularJS (чтобы убедиться, что я не даю вам неправильную информацию), так как Я привык работать с Angular 6+ и с точки зрения синтаксиса, они Очень разные фреймворки.

РЕДАКТИРОВАТЬ: Если у вас есть ссылка на то, где вы нашли этот код / ​​извлечение уроков из этого, то ваши шансы на помощь значительно увеличатся.