AngularJS как на es5 задать геттер\сеттер у контроллера компоненты?

Олег Драпеза: Спасибо за решение, буду пользоваться Object.defineProperty внутри контроллера, это куда лучше чем то что делал я через прототип и затыкая заглушки.

AngularJS как на es5 задать геттер\сеттер у контроллера компоненты?

Олег Драпеза:


вот бряка после которой падает ошибка.

AngularJS как на es5 задать геттер\сеттер у контроллера компоненты?

Олег Драпеза:
Я так раньше пробовал но я указывал свойство не на прототип, указывал так и это не работало, как я понял так не верно:

Object.defineProperty(dialogFormCtrl, 'showForm', {
    get: function () {
      return this.model.showForm;
    },
    set: function (value) {
      this.model.showForm = value;
      this.showDialogForm(value);
    }
  });

И нужно указывать так:

Object.defineProperty(dialogFormCtrl.prototype, 'showForm', {
    get: function () {
      return this.model.showForm;
    },
    set: function (value) {
      this.model.showForm = value;
      this.showDialogForm(value);
    }
  });

Но это тоже не работает, ругается на отсутствие свойства, так же как и делать через прототип как делал я но не указав заглушки.
Ошибка:

angular.min.js:117 TypeError: Cannot set property 'showForm' of undefined
    at dialogFormCtrl.set (testOne.js:1791)
    at angular.min.js:82
    at r (angular.min.js:7)
    at ha (angular.min.js:81)
    at m (angular.min.js:65)
    at g (angular.min.js:58)
    at m (angular.min.js:66)
    at g (angular.min.js:58)
    at m (angular.min.js:66)
    at g (angular.min.js:58)

Но я никогда не пробовал указать внутри контроллера и сделав это оно заработало, и сам механизм понятен, но осталось не ясность, почему указав внутри контроллера работает а снаружи нет, можете пояснить этот момент?

Работает так:

function dialogFormCtrl(testsServiceOne, $mdDialog) {

  Object.defineProperty(this, 'showForm', {
    get: function () {
      return this.model.showForm;
    },
    set: function (value) {
      this.model.showForm = value;
      this.showDialogForm(value);
    }
  });

  /**
   * 
   */
}

AngularJS как на es5 задать геттер\сеттер у контроллера компоненты?

Олег Драпеза: Значит то как я уже написал код с заглушками, единственное решение для es5 и более красиво не сделать ?

AngularJS как на es5 задать геттер\сеттер у контроллера компоненты?

это мне все понятно, но как я указал в коде, что если в прототипе не указаны заглушки, которые потом перетерет сам контроллер, то все падает

dialogFormCtrl.prototype = {
    constructor: dialogFormCtrl,
    get showForm() {
      return this.model.showForm;
    },
    set showForm(value) {
      this.model.showForm = value;
      this.showDialogForm(value);
    },
  };
  /**
   * Именно нижние две строчки у меня вызывают непонимание, если их не указать то все падает, так как не находит функцию "showDialogForm"
   */
  dialogFormCtrl.prototype.showDialogForm = function () {};
  dialogFormCtrl.prototype.model          = {};

Как выполнить тест без консоли?

Saboteur: Да все с этим понятно, но по мне кастыли все это. Просто видел в старых версиях PHPUnit возможность использовать как нормальное ООП. Что то типа этого:

$unit_tests = new PHPUnit('my_tests_dir');
$passed = $unit_tests->run();

Но сейчас в документации не могу найти такого, а хотелось именно так использовать.

Angular, как правильно передать асинхронные данные из фабрика->контроллер->директива?

Сергей Протько: у меня 1.4 версия, надо переводить значит на 1.5 пока проект не слишком разросся и учить компоненты.

Angular, как правильно передать асинхронные данные из фабрика->контроллер->директива?

Сергей Протько: значит в моем случае самый простой и верный вариант, убрать $scope.$watch из контроллера и дерективы и вместо них использовать библиотеку https://github.com/rubenv/angular-tiny-eventemitter . Другого подхода нет? На кастыль похоже это ), думал у ангуляра есть методы про которые я не знал для таких случаев, ну видимо придется юзать библиотеку. Тогда не могли бы подсказать чем плох в моем случае ставить $scope.$watch , все таки это ангуляровские возможности а не сторонние библиотеки.

Angular, как правильно передать асинхронные данные из фабрика->контроллер->директива?

реактивщина в духе RxJS : Про это не понял ), а на то что вы дали сылку, как я понял мало чем отличается от $emit, $broadcast. Они же тоже считаются "бед пракрик". Может мой подход в таком разделении в корне не верен и я что то делаю не так ?