Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJS:ui网格在单元格中显示多行大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在一个单元格中显示多个电话号码.我想在一个新行中显示每个数字.我尝试了多种方法,但我无法弄明白.有人能帮忙吗 .下面是我的plnkr的链接.

http://plnkr.co/edit/LXdiDqoOAYQoO5BW02WR?p=preview

.filter('phoneListFilter',function () {
    return function (telePhoneList) {
        var telePhoneArray = [];

        for (var i in telePhoneList) {
                telePhoneArray.push(telePhoneList[i]);
        }
        return telePhoneArray.join('<br>');
    };
})

解决方法

您可以通过自定义模板实现此目的,并重复您拥有的电话号码.

app.controller('MainCtrl',['$scope','$http',function ($scope,$http) {
  $scope.gridoptions = {
    rowHeight:50,columnDefs: [
      { field: 'name' },{ field: 'phoneList',name: 'Phone numbers',cellTemplate:'<div ng-repeat="item in row.entitY[col.field]">{{item}}</div>'}
    ],enablecolumnResizing: true
  };

  $http.get('data.json')
  .success(function (data) {
    $scope.gridoptions.data = data;
  });
}]);

高度可能成为一个问题.看看这个plnkr http://plnkr.co/edit/c65CZm19bGJbWfZT15u6?p=preview

大佬总结

以上是大佬教程为你收集整理的AngularJS:ui网格在单元格中显示多行全部内容,希望文章能够帮你解决AngularJS:ui网格在单元格中显示多行所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。