角度4+；JavaScript-简单的幻灯片放映'；行不通

所以我把

放在一个组件StartComponent中

StartComponent位于根或AppComponent中的

中

我在一个

index.html

文件（非角度或非基于组件）中测试了这一点。但我不知道为什么它在Angular 4（基于组件）中不起作用

start.component.html（StartComponent）

var i=0；
var图像=[]；
var时间=1000；
//图像列表
图片[0]=“assets/pictures/kapal02.jpg”；
images[1]=“assets/pictures/kapal01.jpg”；
图片[2]=“assest/pictures/truck.jpg”；
//作用
函数changeImage（）{
document.getElementById（'slideshow'）.src=images[i]；
如果（i

我创建了这个简单的插件，介绍如何在angular2中实现这一点。请查看home.component文件。这将给你一个想法，如何解决这个问题的角度2

主组件的代码如下所示

export class HomeComponent implements OnInit {
  urlVariable:string;
  images:Array<any>
  ngOnInit() {
        var i = 0;
        this.images = [];
        var time = 1000;

        // Image list
        this.images[0] = 'http://i64.tinypic.com/2czam2x.jpg';
        this.images[1] = 'http://i63.tinypic.com/2czanp2.jpg';
        this.images[2] = 'http://i63.tinypic.com/2czaq8k.jpg';

        this.urlVariable = this.images[0];
  }

  setImage(index:number){
     this.urlVariable = this.images[index];
  }
}

导出类HomeComponent实现OnInit{
URL变量：字符串；
图像：数组
恩戈尼尼特（）{
var i=0；
this.images=[]；
var时间=1000；
//图像列表
此.images[0]='http://i64.tinypic.com/2czam2x.jpg';
此.images[1]='http://i63.tinypic.com/2czanp2.jpg';
此.images[2]='http://i63.tinypic.com/2czaq8k.jpg';
this.urlVariable=this.images[0]；
}
setImage（索引：编号）{
this.urlVariable=this.images[index]；
}
}

我创建了这个简单的插件，介绍如何在angular2中实现这一点。请查看home.component文件。这将给你一个想法，如何解决这个问题的角度2

主组件的代码如下所示

export class HomeComponent implements OnInit {
  urlVariable:string;
  images:Array<any>
  ngOnInit() {
        var i = 0;
        this.images = [];
        var time = 1000;

        // Image list
        this.images[0] = 'http://i64.tinypic.com/2czam2x.jpg';
        this.images[1] = 'http://i63.tinypic.com/2czanp2.jpg';
        this.images[2] = 'http://i63.tinypic.com/2czaq8k.jpg';

        this.urlVariable = this.images[0];
  }

  setImage(index:number){
     this.urlVariable = this.images[index];
  }
}

导出类HomeComponent实现OnInit{
URL变量：字符串；
图像：数组
恩戈尼尼特（）{
var i=0；
this.images=[]；
var时间=1000；
//图像列表
此.images[0]='http://i64.tinypic.com/2czam2x.jpg';
此.images[1]='http://i63.tinypic.com/2czanp2.jpg';
此.images[2]='http://i63.tinypic.com/2czaq8k.jpg';
this.urlVariable=this.images[0]；
}
setImage（索引：编号）{
this.urlVariable=this.images[index]；
}
}

为什么要在组件模板中嵌入脚本元素？你没有充分利用这个机会framework@Dummy那我该怎么办？我应该把脚本放在哪里？我已经在plunker中给了你答案。看一看，让我知道你为什么要在组件模板中嵌入脚本元素？你没有充分利用这个机会framework@Dummy那我该怎么办？我应该把脚本放在哪里？我已经在plunker中给了你答案，看一看，让我知道我会尝试，也许我需要时间来回答这个问题。不用担心，这需要你的时间，但plunker只是给你一个想法，它是如何工作的，以及如何应用绑定，而不是获取对元素的引用。我想我会得到它，与其将

脚本

放入

组件.html

，我应该将其放入

组件.ts

时间间隔如何？它正在工作，但有些图像没有显示。这不是时间间隔，这是随机发生器lol，顺便说一句，谢谢。我会尝试，也许我需要时间来回答这个问题。不用担心，这需要你的时间，但plunker只是给你一个想法，它是如何工作的，以及如何应用绑定，而不是获取一个元素的引用。我想我会得到它，与其将

脚本

放入

组件.html

，我应该将其放入

组件.ts

时间间隔如何？它正在工作，但有些图像没有显示。这不是时间间隔，这是随机发生器哈哈，顺便说一句，谢谢。