javascript - 袖口列表未显示
问题描述
我正在使用 Angular.JS 和 tizen 来创建智能电视应用程序。我想获得要在我的视频应用程序上显示的字幕列表,但我不断收到此错误:“错误:caph-list 的容器和模板视图应该有自己的大小,例如宽度和高度。”
在我的主要 html 上,我在这里有一个“设置”指令:
<settings></settings>
它使用 settings.html 在这里显示一个 caph 列表:
<caph-list container-class="container" wrapper-class="setting-wrapper" items="item in subtitles"> <div class="item" focusable>{{item}}</div> </caph-list>
我已经在我的 settings.html 中尝试了容器和包装器的各种设置,例如:
<div class="container">
<div class="wrapper">
<caph-list container-class="container" wrapper-class="setting-wrapper" items="item in
subtitles">
<div class="item" focusable>{{item}}</div>
</caph-list>
</div>
</div>
但我仍然遇到同样的错误。
这是容器和包装类上使用的 CSS:
.container {
width: 800px;
height: 100px;
background-color: red;
}
.setting-wrapper {
width: 400px;
height: 100px;
left: 50px;
background-color: green;
}
.item {
width: 20px;
height: 20px;
background-color: blue;
margin: 10px;
}
这是开头的字幕数组:
$scope.subtitles = ["1","2","3"]
选择视频时,此数组将更改为包含字幕信息的一系列对象。
解决方案
您的容器的宽度可能为 0 px。尝试设置绝对值而不是百分比,即 800 像素而不是 60%),并确保父元素具有宽度和高度(不是 0。)
推荐阅读
- graphics - SPSS:如何以有组织的方式显示自定义数据
- google-sheets - 根据多个条件更新列参考另一个工作簿
- javascript - 数据表插件未运行
- html - CSS中的星级评分系统
- r - 如何选择同时匹配另一个 data.table 中的两个条件的 data.table 中的行?
- java - 订单和员工之间的 JPA 关系
- android - Android WebView 以编程方式关闭预测网络操作
- javascript - 当另一个模态模态在其中打开时模糊背景模态
- java - 如何在 Drools 7 中实现 Drools 5 示例
- android - 布局设计中缺少属性 - Android Studio