Theo the docs (cụ thể, bảng so sánh chỉ thị cho các thành phần), các thành phần góc cho phép yêu cầu các chỉ thị khác (hoặc chỉ là các thành phần?). Tuy nhiên, các thành phần không có chức năng liên kết, có thể cung cấp quyền truy cập vào bộ điều khiển yêu cầu. The source, trái với tài liệu, dường như gợi ý rằng không thể sử dụng 'yêu cầu' khi tạo thành phần. Cái nào đúng?Sử dụng 'require' trong thành phần góc
Trả lời
Nguồn được trích dẫn đã lỗi thời. Tính đến 1.5.0, bộ điều khiển thành phần can be required trong các thành phần khác (cùng áp dụng cho các chỉ thị).
Ví dụ từ hướng dẫn shows the way how the components and directives should interact trong 1.5 mà không cần sự trợ giúp từ link
.
Khi require
object and bindToController
được sử dụng cùng nhau, các trường hợp bộ điều khiển bắt buộc được gán cho bộ điều khiển hiện tại làm thuộc tính.
Bởi vì điều này xảy ra trong quá trình liên kết chỉ thị, bộ điều khiển bắt buộc không có sẵn trong bộ điều khiển, đó là lý do tại sao $onInit
magic method ở đó. Nếu nó tồn tại, it is executed right after adding required controllers đến this
.
Cả
app.directive('someDirective', function() {
return {
scope: {},
bindToController: {},
controllerAs: 'someDirective',
require: {
anotherDirective: '^anotherDirective'
},
controller: function ($scope) {
console.log("You don't see me", this.anotherDirective);
this.$onInit = function() {
console.log("Now you do", this.anotherDirective);
};
}
}
});
và
app.component('someComponent', {
controllerAs: 'someComponent',
require: {
anotherDirective: '^anotherDirective'
},
controller: function ($scope) {
console.log("You don't see me", this.anotherDirective);
this.$onInit = function() {
console.log("Now you do", this.anotherDirective);
};
}
});
phong cách tuyên bố đang ở trên một mệnh dưới mui xe và thể được sử dụng thay thế cho nhau trong 1.5, và component
là một súc tích.
- 1. Góc 2, thành phần bên trong thành phần chính
- 2. <require> bên trong một thành phần globalResource được gọi là tăng cường trong Aurelia
- 3. Góc (1.5.8) Thành phần động
- 4. Giao tiếp thành phần trong góc 1,5
- 5. Góc hoàn hảo của các thuộc tính thành phần góc cho một thành phần con
- 6. Greasemonkey @require jQuery không hoạt động "Thành phần không khả dụng"
- 7. Truyền đầu vào trong khi tạo thành phần góc 2 động bằng cách sử dụng ComponentResolver
- 8. Sử dụng tập tin html như mẫu cho thành phần trong góc 2
- 9. Tôi không thể sử dụng $ ctrl. trong mẫu thành phần góc
- 10. Góc 1.5: Chỉ thị vs Thành phần?
- 11. Góc 2 kiểu không áp dụng cho Thành phần con
- 12. Góc tiêm phụ thuộc 1,5 thành phần góc
- 13. Khi nào sử dụng `require`,` load` hoặc `autoload` trong Ruby?
- 14. Tại sao sử dụng var {VariableName} = require ('') trong javascript?
- 15. Góc 1,5 thành phần với ng-model
- 16. Góc 1.5: tải động một thành phần
- 17. góc 2 - phá hủy thành phần con
- 18. Các nguyên tố polyme nằm trong góc 2 thành phần
- 19. Góc 2 bootstrap thành phần gốc đa
- 20. Góc 2 thành phần và Portlets
- 21. Góc 2 Thành phần không hiển thị
- 22. Các thành phần và chỉ thị trong góc 1.5
- 23. góc 2 - nhóm dạng thành phần
- 24. Góc 2 Sử dụng thành phần từ một mô-đun khác
- 25. Sử dụng Pry trong đá quý mà không cần sửa đổi Gemfile hoặc sử dụng `require`
- 26. Có thể tự khởi tạo thành phần trong góc 2
- 27. góc 2 thành phần hiển thị trong mảng
- 28. Redirect trong phần góc 2
- 29. Sử dụng lại các thành phần trong Angular 2
- 30. mẹo để tạo thư viện thành phần cho các thành phần góc/phản ứng