Почему мое угловое приложение не отображает мой HTML? - PullRequest
0 голосов
/ 11 июля 2019

Я ввел следующий код в 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

Ответы [ 2 ]

0 голосов
/ 11 июля 2019

Я попробовал ваш Html и да, похоже, тег <center> не поддерживается. <div style="text-align:center"></div> должно это исправить!

Я пришел к такому выводу, используя Developer Tools (F12) во время работы с вашим кодом и глядя на «Консоль» для руководства

0 голосов
/ 11 июля 2019

Тег <center> не поддерживается в HTML5. Вместо этого используйте CSS. Тег <center> используется для выравнивания текста по центру. поэтому используйте css вместо центрального тега

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...