小编doe*_*eck的帖子

在我的应用程序中,我需要有一些表格,其中包含必须求和的值行.我需要循环遍历这些行,为它们提供输入,然后构建一个在编辑输入时应该更新的总和.

这是一个简化的例子:该类:

export class example {
    items = [
        { id: 1, val: 100 },
        { id: 2, val: 200 },
        { id: 3, val: 400 }
    ];

    get sum() {
        let sum = 0;
        for (let item of this.items) {
            sum = sum + parseFloat(item.val);
        }
        return sum;
    }
}

风景:

<div repeat.for="item of items" class="form-group">
    <label>Item ${$index}</label>
    <input type="text" value.bind="item.val" class="form-control" style="width: 250px;">
</div>
<div class="form-group">
    <label>Summe</label>
    <input type="text" disabled value.one-way="sum" class="form-control" style="width: 250px;" />
 </div>

直到这里,一切都像我期望的那样工作.但是:它sum …

我正在尝试配置Aurelia验证(版本0.2.6)以将所有验证消息附加到<input>元素而不是标签.

我的main.js看起来像这样:

export function configure(aurelia) {
aurelia.use
  .standardConfiguration()
  .developmentLogging()
  .plugin('aurelia-validation', (config) => { config.useLocale('de-DE').useViewStrategy(ValidateCustomAttributeViewStrategy.TWBootstrapAppendToInput); });

aurelia.start().then(a => a.setRoot('app', document.body));
}

我总是得到以下错误消息:

未处理的承诺拒绝ReferenceError:未定义ValidateCustomAttributeViewStrategy

我究竟做错了什么？

我有一个 div，里面有一张桌子。该表通过应用表类使用 bootstrap 进行样式设置。默认情况下，bootstrap 中的表格的 margin-bottom 为 20px。

我的 div 将其高度调整为表格的可见内容，但不包括表格的边距。

我想用左边框设计 div，让多个 div 彼此重叠，并带有连续边框。但由于表格的（看不见的）边距，总是存在间隙。

这是一个简化示例的小提琴： http: //jsfiddle.net/bj13hez3/2/

html:

<div>
<table class="table">
    <tr>
        <td>some</td>
        <td>table</td>
        <td>content</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>
</div>
<div>
<table class="table">
    <tr>
        <td>some</td>
        <td>other</td>
        <td>table</td>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    </tr>
</table>
</div>

CSS：

div { border-left: 2px solid #d7d7d7; }

如果我在 div 的所有边上放置边框，高度接缝将正确调整到表格（包括其边距）。我可以做类似的事情

div { border: 2px solid transparent;
      border-left: 2px solid …