小编Arv*_*man的帖子

this在对象文字中的函数内部使用时的预期行为是什么？

例如，假设我有一个类型foo，它只有一个名为的函数bar而没有其他属性。但是在该fooObj.bar方法中，我可以访问this.baz（其中baz不是 type 的属性foo）我看不到任何错误。不应该打字稿错误，因为fooObj它没有baz吗？

type foo = {
    bar(): void;
}
var fooObj: foo = {
    bar: () => {
        // TS does not error out when I access this.baz
        console.log(this.baz);
    }
} 

我目前在一个文件夹中生成了一个生成的 index.html、js 和其他静态文件，我将该文件夹标记为静态文件夹（通过在 Startup.cs 的 Configure 方法中添加以下内容：

   app.UseDefaultFiles();
   app.UseStaticFiles(new StaticFileOptions()
    {
        FileProvider = new Path.Combine(env.ContentRootPath, @"../build")),
        RequestPath = new PathString("/app/")
    });

有没有办法将 index.html 设置为这个 */app 路由的默认响应？因为现在 localhost:5000/app/ 返回 404 而 localhost:5000/app/index.html 返回 index.html。

编辑：我没有提到我确实尝试使用文档中提到的 app.UseDefaultFiles() ，但它对我不起作用。服务器仍然返回 404

我得到了一个页面布局，其中包含一个 Flex 容器（具有列方向）和一个 Flex 设置为 1 的 Flex 项目。我需要将我的元素添加到该 Flex 项目中。我希望将容器的高度固定为 Flex 项目 div 的 100% - 但问题是我的根容器的高度是动态的并且可以不断增长，并且 Flex 项目的高度随着我的根容器的高度不断增长。

我不想在我的容器上设置高度 - 无论如何我都可以限制容器的高度。

这是我正在查看的内容的简化版本。flex-container 和 flex-items 已经给我了。test-element 是我需要放入页面的 div，我需要限制 test-element 的高度以适合 100% 的 flex-item。

.flex-container {
  display: flex;
  width: 120px;
  height: 120px;
  background-color: pink;
  flex-direction: column;
}

.flex-item {
  background-color: yellow;
  flex: 1;
}

.flex-item.second {
  background-color: blue;
  flex: 0;
}

.test-element {
  background-color: green;
  flex-grow: 1;
  height: 150px;
  // doens't help
  overflow: hidden;
}

<div class="flex-container">
  <div class="flex-item first"> …