2017-07-03 23 views
6

Tôi đang cố gắng sử dụng chỉ thị ng2 của tôi trong angularjs, nhưng không thể làm cho nó hoạt động. Tôi đã thấy rằng downgradeComponent sử dụng giới hạn: 'E' cho chỉ thị angularj, có nghĩa là nó bị hạn chế đối với các phần tử. Bất cứ ai cũng biết làm thế nào để đối phó với vấn đề này?Chỉ thị hướng xuống góc 2 hoặc ít nhất là có thể sử dụng nó trong js góc

Tôi đã thử chỉ sử dụng chỉ thị của mình trong js góc cạnh và nó không hoạt động. Tôi đang sử dụng UpgradeModule để khởi động lai.

đây là chỉ thị của tôi.

@Directive({ 
    selector: '[test-directive]' 
}) 
export class TestDirective implements OnInit { 
    @Input("test-directive") testDirective: string; 

    constructor(private el: ElementRef, private renderer: Renderer) { 

    } 

    ngOnInit() { 
     console.log("color is = " + this.testDirective); 
     this.renderer.setElementStyle(this.el.nativeElement, 'background-color', this.testDirective); 
    } 
} 

Tôi đã cố gắng sử dụng trong AngularJS như một thuộc tính (cố gắng sử dụng nó như [thử nghiệm chỉ] và như thử chỉ thị.

Tôi có thiếu cái gì ở đây? Bởi vì tôi đã tìm kiếm trên web và không tìm thấy rất nhiều thông tin liên quan đến vấn đề này.

+0

Đây là ví dụ của tôi từ hướng dẫn góc cạnh https://plnkr.co/edit/jE4FTbnEWTuuYasXNvEX?p=preview https://angular.io/guide/upgrade#transcluding-angular-content-into-angularjs-component-directives – yurzui

+0

Bạn có thể tái tạo vấn đề của bạn trong plunker? – yurzui

+0

Trong ví dụ của bạn (yurzui) Tôi không thấy việc sử dụng thuộc tính, tôi sẽ cố gắng tái tạo nó trên ví dụ của bạn. –

Trả lời

0

Như tôi đã có thể thấy, trong upgradeAdapter cung cấp cho bạn chỉ downgradeNg2ProviderdowngradeNg2Component và thực sự, downgradeNg2Component luôn luôn sử dụng "E". (https://github.com/angular/angular/blob/master/packages/upgrade/src/common/downgrade_component.ts#L70)

Hãy xem trên Downgrade NG2 Directive to AngularJS. Tôi đã không thử nghiệm nó, nhưng tác giả của câu hỏi nói rằng, không cần phải hạ xuống chỉ thị và bạn có thể sử dụng nó ra khỏi hộp.

+0

Vâng tôi đã thấy điều đó và cố gắng chỉ sử dụng chỉ thị góc 2 của tôi trong angular.js, nó không hoạt động. nhưng bạn có biết rằng PRAISER có nghĩa là gì bởi "Chỉ cần thêm nó như là một tuyên bố vào ứng dụng của bạn và nó sẽ hoạt động"? ứng dụng nào là angular 2 hoặc angular.js? –

Các vấn đề liên quan