小编rem*_*i90的帖子

为简单起见,我将Angular 1x版本(1.6)称为AngularJS,将Angular 2/4x(4.0)称为Angular.

我一直在使用官方文档中记录的UpgradeModule方法将大型AngularJS应用程序迁移到Angular .

该应用程序运行正常,但我现在正试图通过Karma运行所有现有的单元测试,经过相当多的谷歌搜索后,我很难理解我的Karma配置需要如何设置.

尽管我的应用程序现在是Angular和AngularJS的混合体,但我现有的所有模块仍然是用AngularJS编写的.**我还没有添加任何Angular模块,除了引导AngularJS的根模块.

我的应用程序使用的组合编译gulp> browserify> tsify.这是我的构建步骤的片段:

return function() {
        var bundler = browserify([
            'src/app.d.ts',
            'src/app.ts',
            'src/main.module.ajs.ts'
        ], {
            debug: true
        })
        .plugin(tsify)
            .transform(babelify.configure({
                presets: ["es2015"]
            }));

        return bundler
            .bundle()
            .pipe(source('main.js'))
            .pipe(buffer())
            .pipe(sourcemaps.init({
                loadMaps: true,
                sourceRoot: '/src'
            }))

            .pipe(sourcemaps.write('./'))
            .pipe(gulp.dest(paths.scripts.dest));

这是我的应用程序的主要条目文件:

app.ts

import 'core-js/es6/reflect';
import 'core-js/es7/reflect';

import 'zone.js/dist/zone';

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { UpgradeModule } from '@angular/upgrade/static';

import { AppModule } from './main.module';

platformBrowserDynamic().bootstrapModule(AppModule).then(platformRef => {
    const …

我正在尝试做的是让我的滑块连续循环通过LI,而不是滚动直到它到达最后一个项目然后停止(这是它当前所做的).

以下代码来自Wordpress站点,因此虽然它只显示一个LI,但实际上在前端输出了大约6或7个:

PHP

<ul id="slideshowContainer" class="jcarousel jcarousel-skin-tango">
            <?php $clientLogos = new WP_Query(array('post_type' => 'client-logos', 'posts_per_page' => -1)); ?>
            <?php while ($clientLogos->have_posts() ) : $clientLogos->the_post(); ?>
            <li>
                <?php if (has_post_thumbnail( $post->ID )): ?>
                    <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
                    <img src="<?php bloginfo('template_directory'); ?>/thumbs.php?src=<?php echo $image[0]; ?>&h=100&zc=1" alt="<?php the_title(); ?>" />
                <?php endif; ?>
            </li>
            <?php endwhile;?>
            <div style="clear:both"></div>
        </ul>

JS

jQuery(document).ready(function() {

jQuery('#slideshowContainer').jcarousel({
    scroll: 1,
    auto: .01,
    wrap: 'last',
    easing: 'linear'
     });

});

谢谢!