Giả sử tôi có tệp có tên abc.js
có chức năng xyz()
. Tôi muốn gọi hàm đó trong dự án Angular 4 của tôi. Tôi nên làm như thế nào?Cách bao gồm tệp js bên ngoài trong Angular 4 và chức năng gọi từ góc tới js
Trả lời
Tham khảo các tập lệnh bên trong tệp angular-cli.json
.
"scripts": [
"../path"
];
sau đó thêm vào typings.d.ts
declare var variableName:any;
nhập nó trong tập tin của bạn như
import * as variable from 'variableName';
Bạn có thể
import * as abc from './abc';
abc.xyz();
hoặc
import { xyz } from './abc';
xyz()
những gì anh có thể làm gì khi các tập tin được lưu trữ ở đâu đó nhưng không phải trong repo địa phương? –
bạn đã tìm ra điều này? –
Để bao gồm một thư viện toàn cầu, ví dụ như jquery.js tập tin trong mảng kịch bản từ góc-cli.json:
"scripts": [
"../node_modules/jquery/dist/jquery.js"
]
Sau này, khởi động lại ng phục vụ nếu nó đã được bắt đầu.
- 1. Bao gồm tệp .js trong tệp .js
- 2. Chức năng gọi từ Bộ điều khiển Angular Js
- 3. Góc 2 - liên lạc các chức năng kiểu chữ với thư viện js bên ngoài
- 4. Bao gồm js từ raw.github.com
- 5. Làm thế nào để bao gồm csrf_token() trong một tệp js bên ngoài trong Laravel?
- 6. Tệp .js có thể "bao gồm" một tệp .js khác
- 7. Inline vs js và css bao gồm?
- 8. Angular JS: Cách tải các tệp js trong partials
- 9. Chức năng bên trong một mẫu được gọi là nhiều lần (góc JS)
- 10. Chức năng gọi vào chức năng khác trong cùng một bộ điều khiển Angular Js
- 11. Cách truy cập biến chức năng bên ngoài trong hàm bên trong lồng nhau trong JS
- 12. Bao gồm các tệp PHP và JS trong SuiteCRM
- 13. JS góc: Tải các tệp CSS và JS động
- 14. STS Spring MVC: Cách bao gồm tệp JS trong JSP
- 15. Cách ngăn yêu cầu JS bên ngoài
- 16. Cách gọi angular js function controller từ jquery trong trang
- 17. Js góc: '$ q.defer không phải là lỗi chức năng'
- 18. JS gói nhỏ gọn và các thư viện bên ngoài
- 19. Jade: tải javascript bên ngoài và chức năng gọi
- 20. sự "mong đợi" chức năng sử dụng trong js góc
- 21. Angularjs gọi $ scope.function từ đồng bằng chức năng JS
- 22. cách tốt nhất để bao gồm tệp js trong khung công tác zend
- 23. Intergrating Angular JS với đường ray
- 24. Cách xóa đầu vào tệp từ Angular JS
- 25. Nút JS gọi chức năng "cục bộ" trong mô-đun.exports
- 26. jQuery Mobile - Bao gồm Chân trang từ Tệp Bên ngoài
- 27. Nhớ người dùng & Quên mật khẩu Chức năng trong Laravel 5.1 và Angular JS (JWT Authentication)
- 28. Tập lệnh Asp.Net trong tệp js bên ngoài
- 29. Yêu cầu tệp js bên ngoài để thử nghiệm mocha
- 30. $ chức năng đồng hồ trong chỉ thị không nhận được kích hoạt trong Angular JS
tôi đã thêm đường dẫn trong tập lệnh dưới dạng "tập lệnh": [ "./assets/common_header_sidebar.js" ]; sau đó trong gõ.d.ts tôi đã viết khai báo var commonHeader: any; và sau đó trong tệp ts của tôi, tôi đã viết nhập * như commonHeaderModule từ 'commonHeader'; nhưng nhận được "Không thể tìm thấy mô-đun 'commonHeader'." lỗi –
'commonHeader' phải là tên của đối tượng được xuất trong tệp javascript – Aravind
yes commonHeader là tên hàm mà tôi phải xuất từ tệp js –