小编Cod*_*bie的帖子

我在Angular2中有两个嵌套的*ngFor循环.我想维护一个计数器,每次重复循环中心的代码时,计数器会递增.

计数器应从0到调整次数乘以刀片数量

  <tr *ngFor="let adjustment of adjustments">

    <td *ngFor="let blade of blades">

      <span> Counter =  ?????????  </span>

    </td>

  </tr>

我正在使用 Intl.NumberFormat 将数字类型转换为 Angular2 中 typescript/javascript 中的格式化字符串。我想要一个本机解决方案，这是理想的，但我需要为正数包含一个前导加号。

如果这是不可能的Intl.NumberFormat怎么回事难道我这样做本身？

@Input() amount : number;

drawLabel() {
   var formatter = new Intl.NumberFormat("en-GB",
                                         {
                                            style: "decimal",
                                            minimumFractionDigits:1
                                         });
   ...

   this.label = formatter.format(this.amount)
}

当浏览器窗口缩小时，我使用 Flexbox 使 5 个框做出响应。其中 4 个盒子呈 2 列且无法缩小 ( flex-direction: column)。不在列中的单个框会正确收缩。

（鲍勃的行为正确，但凯特、尼克、简和弗雷德拒绝减小宽度。）

如何使列的宽度随着浏览器窗口尺寸的减小而缩小？

.container {
  display: flex;
  width: 100%;
  justify-content: center;
  border: 2px solid red;
}

.column {
  display: flex;
  flex-direction: column;
}

.big {
  display: flex;
  width: 400px;
  height: 400px;
  background: yellow;
  border: 5px solid blue;
}

.small {
  display: flex;
  width: 195px;
  height: 195px;
  background: yellow;
  border: 5px solid blue;
}

<div class="container">
  <div class="big"><span>Bob</span></div>

  <div class="column">
    <div class="small"><span>Kate</span></div>
    <div class="small"><span>Nick</span></div>
  </div>

  <div class="column">
    <div class="small"><span>Jane</span></div> …

我正在用VSCode编写Angular2。我将编辑器窗口一分为二，并在右侧保留所有.html文件，在左侧保留所有.ts文件。

自动化它会很棒，这样当我在文件浏览器中双击时，文件会在“适当类型”窗口拆分中打开。

如何配置或扩展VSCode来做到这一点？