Question

我在app.component.html中输入了以下代码，但是在浏览器中查看角度应用程序时，没有任何加载。我已经删除了所有<html><body>和<head>标签。我相信这就是问题所在。

app.component.html

<div class="maincont">
  <div class="nav">
    <ul>
      <li>
        {{title}}
      </li>
      <li>
        <a href="#projects">Projects</a>
      </li>
      <li>
        <a href="/login">Login</a>
      </li>
    </ul>
  </div>
  <div class="header">
    <div class="heading">
      <center>{{title}}</center>
    </div>
  </div>
  <div class="projects" id="projects">
    <h1>Projects</h1>
    <div class="grid">
      <div class="cell">
        <h1>Lorem, ipsum dolor.</h1>
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nesciunt fugiat ab ducimus culpa ratione iure
          fugit, placeat dolor eveniet dignissimos!</p>
      </div>
      <div class="cell">
        <h1>Lorem, ipsum.</h1>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto repudiandae quia dolorum, esse,
          perferendis odio, temporibus debitis inventore vitae officia animi. Quas temporibus voluptate consequatur
          mollitia dolorem optio vel libero!</p>
      </div>
      <div class="cell">
        <h1>Lorem ipsum dolor sit.</h1>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Corrupti molestiae deserunt voluptates tenetur
          ducimus dolore similique, ratione sit blanditiis! Quaerat illo earum autem hic?</p>
      </div>
      <div class="cell">
        <h1>Lorem.</h1>
        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veritatis nisi assumenda itaque inventore neque
          exercitationem. Voluptatem libero ducimus eos aliquam porro odio modi facilis.</p>
      </div>
    </div>
  </div>
</div>

其他文件（app.component.ts，app.component.css）在运行后保持不变；

ng new App

Answer 1

HTML5不支持<center>标签。改用CSS。 val nullReplacer = udf((x: String) => { if (x == null) "N" else x })标签用于使文本居中对齐。因此请使用CSS而不是使用中心标记

Answer 2

我尝试了您的HTML，是的，好像不支持<center>标签。 <div style="text-align:center"></div>应该解决它！

通过运行代码并查看“控制台”以获得指导

，我使用了开发人员工具（F12）得出了这个结论。

为什么我的Angular应用程序不显示我的html？

2 个答案: