Question

我想问一下，如何创建一个彼此不同的布局。例如，我有一个登录页面，所以基本上它没有标题（导航栏），登录后它将重定向到主页，其中有一个标题，这意味着不同的布局。我刚刚开始学习角度2.谢谢！

Answer 1

看看* ngIf ...您可以根据布尔值定义显示或隐藏的整个代码块。

例如，来自我的应用：

 <div *ngIf="isSuccess" class="ui-grid-row form-group">
    <div class="ui-grid-col-12">
       <p>You have successfully verified your email address. We will take you to the login screen.</p>
       <p>Thank you for signing up and we wish you the best.</p>
    </div>
</div>

<div *ngIf="!isSuccess" class="ui-grid-row form-group">
   <div class="ui-grid-col-12">
      <p>Your email address verification has failed. Please resend the verification and try again.</p>
   </div>
</div>

Answer 2

如果您正在寻找相同模板上的更改，John Baird已回答了问题，如果您希望将所有模板放在一起，则应该创建组件和路径。创建一个新的组件ng g组件。创建路线＆＃34; / toComponent＆＃34;。

从您的登录组件重定向到这个新形成的组件。你可能会看看 https://angular.io/docs/ts/latest/tutorial/toh-pt5.html

角2不同的模板

2 个答案: