angular.js - angularjs 如何引入其他js文件

Question

想在angularjs中引入其他js文件，这里想引入妹子ui中的图片轮播插件，类似的需求。通常这种需要在页面中内嵌js
比方说，类似这样的，如果直接html里引入js插件，然后页面中这样写的话，没有作用，而且这种是需要jQuery的，虽然我在angular中并没有使用jQuery... 请问该怎样配置angular呢？

$(function() {
  $('.am-slider').flexslider({
    // options
  });
});

Answer 1

1. Muatkan semua dalam html sekaligus
2. Gunakan pemalam oclazyload
3. Gunakan angular's ​​$q untuk menulis perkhidmatan memuatkan fail

Answer 2

Menggunakan https://github.com/revolunet/angular-carousel boleh memenuhi keperluan anda

Answer 3

Hanya tanya dan jawab soalan anda sendiri Pada masa ini, requirejs digunakan untuk menyelesaikan masalah pergantungan dalam projek.
Pertama sekali, main.js ialah pintu masuk ke seluruh aplikasi ng Di sini kami menambah pemalam untuk dimuatkan

'use strict';

require.config({
    baseUrl: 'js',
    waitSeconds: 0,
    paths: {
        text: '../lib/require/text',
        jquery: '../lib/jquery/dist/jquery',
        angular: '../lib/angular/angular',
        bootstrap: '../lib/bootstrap/dist/js/bootstrap',
        bindonce: '../lib/angular-bindonce/bindonce.min',
        ngtable: '../lib/ng-table/dist/ng-table',
        ngBootstrap: '../lib/angular-bootstrap/ui-bootstrap',
        ngBootstrapTpls: '../lib/angular-bootstrap/ui-bootstrap-tpls',
        uiRoute: '../lib/angular-ui-router/release/angular-ui-router',
        oclazyload: '../lib/oclazyload/dist/ocLazyLoad',
        datePicker: '../lib/angularjs-datetime-picker/angularjs-datetime-picker',
        app: 'app',
        common: 'common',
        host:'../host',
    },
    shim: {
        'angular': {
            exports: 'angular'
        },
        'bootstrap':{
            deps:['jquery']
        },
        'bindonce': {
            deps: ['angular']
        },
        'ngtable': {
            deps: ['angular']
        },
        'ngBootstrap': {
            deps: ['angular']
        },
        'ngBootstrapTpls': {
            deps: ['ngBootstrap', 'angular']
        },
        'uiRoute': {
            deps: ['angular']
        },
        'oclazyload': {
            deps: ['angular']
        },
        'datePicker': {
            deps: ['angular']
        },
        'myDatePicker': {
            deps: ['jquery']
        }
    },
    priority: [
        'angular'
    ]
});

require([
    'angular',
    'jquery',
    'app',
    'routes',
    'bootstrap',
], function(angular) {
    $(document).ready(function() {
        var appName = $('body').attr('data-ngApp');
        angular.bootstrap(document, [appName]); //手动启动ng应用
    });
});

Apabila menggunakan app.js, halaman index.html mempunyai pengawal untuk memulakan aplikasi

define(['angular',
        'bindonce',
        'ngBootstrap',
        'ngBootstrapTpls',
        'ngtable',
        'uiRoute',
        'oclazyload',
        'datePicker',
          ],
    function(angular) {
    var myApp = angular.module('myApp', ['pasvaz.bindonce', 'ngTable', 'ui.bootstrap', 'ui.router', 'oc.lazyLoad','angularjs-datetime-picker']);
    myApp.controller('admin', ['$scope','$timeout', function($scope, $timeout) {