Я работаю над тем, чтобы ускорить работу с 1.5 angular компонентами. Я слежу за видеороликами todd Motto, чтобы начать работу с компонентами вместе с документацией angular https://docs.angularjs.org/guide/component.
На данный момент кажется, что компоненты заменяют директивы, которые используют контроллеры, но в нашем 1.5-коде мы по-прежнему будем использовать директивы для манипуляции с dom.
Какова цель $element, $attrs внутри компонентного контроллера? Кажется, они доступны для манипуляций. Вот ссылка на плункер с документами. Я знаю, что они не используют $element, но это пример, который я читаю. http://plnkr.co/edit/Ycjh1mb2IUuUAK4arUxe?p=preview
Но в коде вроде так...
angular
.module('app', [])
.component('parentComponent', {
transclude: true,
template: `
<div ng-transclude></div>
`,
controller: function () {
this.foo = function () {
return 'Foo from parent!';
};
this.statement = function() {
return "Little comes from this code";
}
}
})
.component('childComponent', {
require: {
parent: '^parentComponent'
},
controller: function () {
this.$onInit = function () {
this.state = this.parent.foo();
this.notice = this.parent.statement();
};
},
template: `
<div>
Component! {{ $ctrl.state }}
More component {{$ctrl.notice}}
</div>
`
})
Каким будет использование $element, если мы не будем манипулировать dom?