Различия

Здесь показаны различия между двумя версиями данной страницы.

--- angular:angularjs:custom_directive:component [2021/07/12 23:28]
werwolf
+++ angular:angularjs:custom_directive:component [2023/01/12 12:18] (текущий)
@@ Строка 308: / Строка 308: @@
 Если вы посмотрите на исходный код, то увидите что разработчики AngularJS особо не парились и сделали метод **component()** просто оболочкой над directive().
-====Обновляемся до Angular2====
-Как уже было сказано: использование метода **.component()** серьезно упростит переход на **Angular2**. Посмотрите как будет выглядеть ваш компонент во второй версии фреймворка(конечно, с новым синтаксисом шаблонов):\\
-<code javascript>
-var Counter = ng
-.Component({
-  selector: 'counter',
-  template: [
-    '
-<div class="todo">',
-      '<input type="text" [(ng-model)]="count">',
-      '<button type="button" (click)="decrement();">-</button>',
-      '<button type="button" (click)="increment();">+</button>',
-    '</div>
-'
-  ].join('')
-})
-.Class({
-  constructor: function () {
-    this.count = 0;
-  },
-  increment: function () {
-    this.count++;
-  },
-  decrement: function () {
-    this.count--;
-  }
-});
-</code>