单击按钮（角度2）后，我的功能确实起作用

Question

我已经为此工作了几天，所以我想不出为什么当我单击按钮时不能显示我的功能。这是我的代码...

     <div class="dayOfYear" style="display:none" >{{ toDayOfYear(day.date) }}</div>
      <script>

        function showingChange(){
          let ID = document.getElementById('dayOfYear')
          if (ID.style.display === 'none') {
             let x = ID.style.display === 'block'
            return x
          }
        }

      </script>

Answer 1

角度删除html中的所有脚本标签，您应该在ts文件中写入函数的代码：

HTML

<button (click)="showingChange()"></button>

TS

showingChange(){
    let ID = document.getElementById('dayOfYear')
    if (ID.style.display === 'none') {
        let x = ID.style.display === 'block'
            return x
    }
}

编辑（角度方法）：

HTML

    <button (click)="showingChange()"></button>
    <div class="dayOfYear" [ngStyle]="{'display':show == true ? 'block' : 'none' }" >{{ toDayOfYear(day.date) }}</div>

TS

public show: boolean = false;
showingChange(){
    this.show = true;
}