Html 页面上未显示组件变量（Angular6）

所以问题是：角度组件的html模板似乎不知道我设置的变量。基本上，即使我在.ts类中设置了一个变量，然后尝试在组件中显示它，视图的行为就像没有变量一样

我也尝试过在标记中创建一个变量，但它就是不起作用

TS

以防万一：如果我在div中键入一个文本而不尝试显示变量，它就可以工作

哦，以防万一：在构造函数中记录hello变量确实会在控制台中显示它：

此外，如果我添加一个*ngIf引用TS文件中的某个布尔值，如下所示：

TS

export class <%component_name%> {
  foo = true;
  bar = "test";
  constructor(){...}
} 

…然后什么也不显示

最后应该是一个按钮，上面有图标和文本，但我只在按钮上得到一个图标（在.html文件中引用）

---

如果你对可能发生的事情有任何想法，请告诉我你的符号已经错了。不能使用

var

声明类变量。你确定这是你正在使用的实际代码吗？不是，我几乎重写了它，因为这个问题只出现在整个项目中的一个组件上，我不允许从那里复制代码块。虽然你是对的，没有“var”关键字，但其余的都是你在这里发布的相同内容，似乎没有什么问题。你能提供一个可复制的完整示例吗？好了，我编辑了这个问题，所以现在它有一些来自实际代码的片段，但我真的不确定它是否有帮助你的符号已经错了。不能使用

var

声明类变量。你确定这是你正在使用的实际代码吗？不是，我几乎重写了它，因为这个问题只出现在整个项目中的一个组件上，我不允许从那里复制代码块。虽然你是对的，没有“var”关键字，但其余的都是你在这里发布的相同内容，似乎没有什么问题。你能提供一个可复制的完整示例吗？好了，我编辑了这个问题，所以现在它有一些来自实际代码的片段，但我真的不确定它是否有用

<div>
    <div>{{bar}}</div>
</div>

export class <%component_name%> {
  foo = true;
  bar = "test";
  constructor(){...}
} 

<div *ngIf="foo">
    <button>{{bar}}</button>
</div>