Javascript 在ng重复列表上未正常打开
假设在我的js文件中,我有如下设置:Javascript 在ng重复列表上未正常打开,javascript,angularjs,Javascript,Angularjs,假设在我的js文件中,我有如下设置: var movies = [ {'name':'Great Gatsby', 'selectedMovie':'false'}, {'name':'Lego Movie', 'selectedMovie':'true'}, {'name':'The Hobbit', 'selectedMovie':'false'} ] $scopeObj.movieList = { movies:movies } <accor
var movies = [
{'name':'Great Gatsby', 'selectedMovie':'false'},
{'name':'Lego Movie', 'selectedMovie':'true'},
{'name':'The Hobbit', 'selectedMovie':'false'}
]
$scopeObj.movieList = {
movies:movies
}
<accordion close-others="true">
<accordion-group ng-repeat="movie in movieList.movies" is-open="movie.selectedMovie">
<accordion-heading>{{movie.name}}</accordion-heading>
{{movie.name}}
</accordion-group>
</accordion>
在我的html文件中,我有以下内容:
var movies = [
{'name':'Great Gatsby', 'selectedMovie':'false'},
{'name':'Lego Movie', 'selectedMovie':'true'},
{'name':'The Hobbit', 'selectedMovie':'false'}
]
$scopeObj.movieList = {
movies:movies
}
<accordion close-others="true">
<accordion-group ng-repeat="movie in movieList.movies" is-open="movie.selectedMovie">
<accordion-heading>{{movie.name}}</accordion-heading>
{{movie.name}}
</accordion-group>
</accordion>
{{movie.name}
{{movie.name}
当我转到我的html页面时,它列出了所有的电影,但是第二部电影没有展开。而且似乎试图扩展任何其他电影都是失败的
我使用的是angularjs 1.1好吧,我对plunkr没有太多的经验,但这就是我想到的: 我认为问题在于,is open不是角度属性,所以不能直接使用角度表达式。您必须使用标准绑定语法来读取角度范围。试着这样做:
<accordion close-others="true">
<accordion-group ng-repeat="movie in movieList.movies" is-open="{{movie.selectedMovie}}">
<accordion-heading>{{movie.name}}</accordion-heading>
{{movie.name}}
</accordion-group>
</accordion>
{{movie.name}
{{movie.name}
它似乎在plunkr中起作用。什么库定义了“手风琴组”?这是我使用的plunker示例的一部分:如您所见,第一个元素的等参线为false,第二个元素的等参线为true,但在预览中,两者都为true。