小编Aar*_*man的帖子

我正在尝试使用Angular ng-grid来显示一些动态内容.网格将有0到25行.我希望有一个最小尺寸,然后让ng-grid自动调整高度,因为项目会添加到数组中.由于某些原因,添加6-7项后自动尺寸停止(它甚至似乎取决于您的分辨率).

有人可以帮忙吗？我错过了什么？我下面有一个Plunker,显示了这个问题.

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

我有一个显示表格的div.我希望这个表占据100%的页面.在表格内将是一行有几个单元格(表格单元格的显示样式).我的目标是使用CSS解决方案,如果文本太长,表格单元格可以显示省略号.我已经汇总了一个简单的示例jsFIddle来显示问题.

任何人都可以引导我朝着正确的方向让细胞显示省略号吗？

的jsfiddle

<div class="table-wrap-wrapper">
    <div class="table">
       <div class="table-row">
           <div class="table-cell data">
               <span>This_is_a_really_long_username_that_is_too_long</span>
           </div>
           <div class="table-cell">
           </div>   
           <div class="table-cell data">
                <span>This_is_a_really_long_emailAddress_that_is_too_long</span>
           </div>
           <div class="table-cell">
           </div>   
           <div class="table-cell data">
                <span>This_is_a_really_long_string_that_is_too_long</span>
           </div>     
       </div>
    </div>
</div>

我试图将"隐藏"属性绑定到两个单独的布尔属性值的结果.例如,我想在!boolA ||时隐藏元素 boolB.

该模板包含:

<img src='...' hidden={{!src || isLoaded}}>

然后我定义属性:

Polymer({

  is: 'thingy-thing',

  properties: {
    src: {
      type: String
    },
    isLoaded: {
      type: Boolean,
      value: false
    }
  }
});

我知道我不能将这两者结合到同一个表达式中,所以我尝试使用计算属性,但我没有任何成功.似乎我还需要使用"reflectToAttribute",但我不理解它是如何工作的.我尝试了多种属性组合,但我可以使用某人指向正确的方向.

我最近的组合是以下属性:

hideSpinner: {
    type: Boolean,
    computed: 'computeHideSpinner(src,loaded)',
    reflectToAttribute: true
  }

我暴露了'computeHideSpinner'的函数,但是这个函数永远不会被执行(调试器行永远不会被命中).

computeHideSpinner: function(src, loaded) {
  debugger;
  return (!src || loaded);
}