làm thế nào để bao gồm ngAnimate phụ thuộc trong góc với yeoman

Question

Tôi tạo ra một ứng dụng góc sử dụng sự kết hợp của yeoman, gruntjs và bower. Tôi đã cài đặt ứng dụng góc của mình với yo angular myapp và sau đó thêm vài phụ thuộc với bower và cuối cùng tôi sẽ chạy grunt server và bắt đầu làm việc.

Chỉ khi tôi cố gắng thêm phụ thuộc ng-animate, tôi gặp sự cố. Phụ thuộc này được tải xuống nhưng thẻ tập lệnh của nó không được thêm vào index.html và tham chiếu bắt buộc không được thêm vào tệp karma.conf.js.

Tôi đã cố gắng thêm hai tài liệu tham khảo những cách thông thường:

trong index.html

<script src="bower_components/angular-animate/angular-animate.js"></script> 

và trong karma/conf.js

files: [ 
    ... 
    'app/bower_components/angular-animate/angular-animate.js', 
    ... 
], 

Nhưng điều này chỉ hoạt động nếu grunt server vẫn đang chạy. nếu tôi dừng máy chủ và chạy lại nó, hai tham chiếu mà tôi đã thêm thủ công sẽ biến mất. Làm cách nào để khắc phục vấn đề này?

Cảm ơn

Answer 1

Bạn có thể thử một trong hai giải pháp sau:

1. thêm nó vào bạn bower.json tập tin như một sự phụ thuộc, sau đó chạy bower update

hoặc

2. thiết bị đầu cuối mở trong thư mục dự án của bạn và chạy: bower install angular-animate

một trong hai tệp sẽ tiếp tục tồn tại trong tệp bower.json của bạn và khiến nó không bị xóa khi bạn chạy lại máy chủ grunt.

Answer 2

Bạn phải làm điều này:

1. Cài đặt với Chòi chơi:

bower install angular-animate 

2. Thêm một < script /> đến index.html của bạn:

< script src="/bower_components/angular-animate/angular-animate.js"></script > 

3. Và thêm ngAnimate như một sự phụ thuộc cho ứng dụng của bạn:

angular.module('myApp', ['ngAnimate']); 

Xem ng-bản tin post on ngAnimate để biết thêm thông tin về các bước