Question

我要将有角度的主页路由到“绘图”页面。初始路由后，图形页面上的HTML将不会更新。为什么有任何线索？变量在打字稿中获得对其所做的更改，而HTML获得初始值，仅此而已。

更新，这是“绘制” HTML。

<body>

    <div class="box">
      <canvas 
      class="offset"
      id="Chart0" 
      width="240"
      height="240" 
      >
      </canvas>

        <div class = "fontStyleHole">
          <h1 [ngClass]="{'red':Classyaverage>40, 'orange':Classyaverage>20, 'green':Classyaverage>10}">{{Classyaverage}}</h1>
        </div>
    </div>

  <!--This Is a Player Card-->

    <div class="box" [style.width.vw]="32" [style.height.vw]="32">
      <h1 class="fontStyleHeader"> Player Cards</h1>
      <div class = "cardDiv" [style.top.vw]="9">
        <img src="../assets/PlayerCard1.png" [style.width.vw]="8">
        <div class = "cardDiv" [style.width.vw]=".5" [style.top.vw]="-4.9" [style.left.vw]=".5">
          <img src="../assets/Simpatico.png" [style.width.vw]=".8" >
        </div>
        <div class = "cardDiv" [style.width.vw]=".5" [style.top.vw]="-6.7" [style.left.vw]="-.1">   <h1 class = "cardText">XP</h1></div> 
        <div class = "cardDiv" [style.width.vw]=".5" [style.top.vw]="-7.5" [style.left.vw]="-.1">   <h1 class = "cardText">{{XP}}</h1></div> 
        <div class = "cardDiv" [style.width.vw]=".5" [style.top.vw]="-4.3" [style.left.vw]="-.2">   <h1 class = "cardText" [style.font-size.vw]=".4" >BOSS</h1></div>
        <div class = "cardDiv" [style.width.vw]="7" [style.top.vw]="-3" [style.left.vw]="-.2">      <h1 class = "cardText" [style.font-size.vw]="1.3" >G. Bazar</h1></div>
        <div class = "cardDiv" [style.width.vw]="5" [style.top.vw]="0" [style.left.vw]="0.8">       <h1 class = "cardText" [style.font-size.vw]=".7" >HRS</h1></div>
        <div class = "cardDiv" [style.width.vw]="5" [style.top.vw]="0" [style.left.vw]="-.6">       <h1 class = "cardText" [style.font-size.vw]=".7" >{{hours}}</h1></div>
        <div class = "cardDiv" [style.width.vw]=".5" [style.top.vw]="1.5" [style.left.vw]=".8">     <h1 class = "cardText" [style.font-size.vw]=".7" >TKS</h1></div>
        <div class = "cardDiv" [style.width.vw]="5" [style.top.vw]="1.5" [style.left.vw]="-.6">     <h1 class = "cardText" [style.font-size.vw]=".7" >{{tickets}}</h1></div>
        <div class = "cardDiv" [style.width.vw]=".5" [style.top.vw]="3" [style.left.vw]=".8">       <h1 class = "cardText" [style.font-size.vw]=".7" >RNK</h1></div>
        <div class = "cardDiv" [style.width.vw]="5" [style.top.vw]="2.3" [style.left.vw]="-.6">     <h1 class = "cardText" [style.font-size.vw]="1.3" >∞</h1></div>
        <div class = "cardDiv" [style.width.vw]="4" [style.top.vw]="-4.9" [style.left.vw]="2">     <img src="../assets/Santa-Suit-Finished.png" [style.width.vw]="3" ></div>
      </div>
    </div>
  <!--Player Card End-->

  </body>

初始化后不会更新Angular HTML溃败

0 个答案: