使div可滚动(当它有ng-repeat时)的方法是通过CSS样式来实现。可以使用CSS的overflow属性来控制div的滚动。
具体步骤如下:
<div class="scrollable-div">
<ul>
<li ng-repeat="item in items">{{ item }}</li>
</ul>
</div>
.scrollable-div {
height: 200px; /* 设置一个固定的高度 */
overflow: auto; /* 当内容超过高度时出现滚动条 */
}
这样,当ng-repeat生成的内容超过div的高度时,div会出现滚动条,用户就可以通过滚动条来查看全部内容。
关于ng-repeat,它是AngularJS框架中的一个指令,用于在HTML中循环显示数据。它可以根据数据集合的长度自动创建重复的HTML元素。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
AngularJS Select(选项框)
AngularJS 可是使用数组或对象创建一个下拉列表选项。
使用ng-options创建选项框
在AngularJS 中我们可以使用ng-option指令来创建一个下拉列表,列表通过对象和数组循环输出
实例:
继续
1.ng-repeat获取每个input里的数据
1)html
<button ng-click="add()">add</button>
{{item.id}} AngularJS ng-model 指令
ng-model 指令用于绑定应用程序数据到HTML 控制器(input,select,textarea)的值
ng-model指令
ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。
实例:
Angularjs基础(三)
领取专属 10元无门槛券
手把手带您无忧上云