Что значит значит в Angular?

Question

Я работаю над базовым приложением Angular 8 и asp. net, и я очень плохо знаком с Angular. Я сделал несколько компонентов: компонент для входа в систему и один для регистрации и один для дома и т. Д. c. Но я не понимаю цели использования app-register внутри моего home.component. html. Ниже приведен код внутри моего home.component. html файла.

<div class="container mt-5">
  <div style="text-align: center">
    <h1>Find your match!</h1>
    <p class="lead">All you need to do is sign up!!</p>
    <div class="text-center">
      <button class="btn btn-primary btn-lg mr-2">Register</button>
      <button class="btn btn-info btn-lg">Info</button>
    </div>
  </div>

  <div class="container">
     <div class="row justify-content-center">
       <div class="col-4">
         <app-register></app-register>
       </div>
     </div>
  </div>
</div>

Answer 1

когда дело доходит до angular каждой создаваемой вами страницы, мы называем ее компонентом, например

(, если в вашем приложении есть логин Регистрация и домашняя страница, мы называем его компонентом логина и Зарегистрировать компонент и Домашний компонент ... )

, а также, как если бы вы создали проект angular, у вас будет app.componet.html, который является компонентом по умолчанию, загружаемым при запуске приложения, так если вы хотите, чтобы какой-то другой компонент был включен в app.componet.html, вы можете добавить этот компонент в файл HTML.

Как его добавить ??

вы можете открыть любой файл компонента ts .. например, я возьму news.componet.ts, в котором вы можете увидеть

@Component({
  selector: 'app-news',
  templateUrl: './news.component.html',
  styleUrls: ['./news.component.css']
})

здесь вы можете увидеть тег selector , используя который вы может включать любой компонент на вашу HTML страницу.

как <app-news></app-news>

Надеюсь, я ответил на ваши вопросы ..

Answer 2

в angular у вас есть три файла, такие как home.component.html home.component.ts home.component.scss в home.component.ts, вы можете подключить angular с серверной частью (. net), например, вы используете rest API для отправки некоторых .json