如何使用数组的索引值并将其传递给HTML模式，以便在不使用循环的情况下显示那里的数据

如何使用数组的索引值并将其传递给HTML模式，以便在不使用循环的情况下显示那里的数据

从'@angular/core'导入{Component，OnInit}；
从“../services/api.service”导入{ApiService}；
从“../models/movie”导入{movieModel}；
@组成部分({
选择器：“应用程序主页”，
templateUrl:“./home.component.html”，
样式URL:['./home.component.less']
})
导出类HomeComponent实现OnInit{
电影：电影模型[]；
构造函数（公共api:ApiService）{}
恩戈尼尼特（）{
这是loadMovies（）；
}
loadMovies（）：void{
this.movies=[]；
这个.api.getMovies（）.subscribe(
数据=>
{
this.movies=data.results；
this.movies=this.movies.slice（0,5）；
console.log（this.movies）；
}
);
}
}

《纽约时报》前五名电影 {{movie.display{u title}} 标题：{{movie.Headline}}
小结：{movie.Summary|short | characters:150}
阅读更多内容
作者：{movie.byline}
评级：{{mpaa|u评级| | NA}
发行日期：{movie.publication|Date | Date:'dd/MM/yyyy'}

总结 {{movie.summary{u short}} 接近

在

component.ts

中声明另一个属性，如

summary\u short

绑定“阅读更多”按钮的

（单击）

，以将

电影摘要

分配到

摘要

component.html

阅读更多
...
总结
{{summary_short}}
接近
...

组件。ts

。。。
小结
...
saveSummary（summary_short）{
this.summary\u short=summary\u short
}
...

向“阅读更多”按钮添加一个函数，如下所示：

阅读更多信息

然后在

.ts

中声明一个var

modalText

，每次单击此按钮时：

readMore(text: string){
    this.modalText = text;
}

---

最后，在

modal

中，调用

{{modalText}

嗨，我在类型脚本摘要中定义了它\u short:string；但是控制台仍然告诉我{{summary_short}}您调用了

saveSummary

方法了吗？很抱歉，我有点搞不清楚将单击分配movie.summary\u short绑定到summary\u short是什么意思，以及如何调用angular和TypeScript的新方法。您需要在ts文件中定义

saveSummary

方法。并添加

我在那里工作了，非常感谢您的帮助