Angular2加载html页面,Angular 2:同一组件中的多个HTML页面

我是angular 2的新手,我有一个名为Register的组件,在这1个组件中我有5个HTML页面,其中第一个注册页面的一次点击我将进入第二个注册页面然后点击第二个注册页面,我将进入第三个注册页面。如何在1个组件中创建5个HTML页面我的意思是有没有一种方法可以为每个组件实现多个模板?如何做路由?主要目的是有单独的HTML & SCSS文件和路由逻辑。Angular 2:同一组件中的多个HTML页面

截至目前,我正在使用ngIf呈现页面,这使得我的页面非常冗长。有没有办法实现这一目标?

Register Page 1

Register Page 2

@Component({

selector: 'register-page',

templateUrl: './register-page.component.html',

styleUrls: ['./register-page.component.scss'],

providers : [RegisterService,Configuration,LocalStorageService]

})

ngOnInit() {

this.registerView= "regView1";

}

changeView(view) {

this.registerView= view;

}

previousView(view) {

this.registerView= view;

}

2017-09-15

Anna

+0

你能更具体要达到什么样的?你似乎有一个RegisterPage组件,它拥有不同的RegisterViews?你想让这些有不同的模板/样式吗?因为如果它们在标记和样式上不同,那么它们应该作为单个组件分离。如果它们的功能匹配,或者它们共享大量相同的代码,则可以创建类似于基本组件的扩展子视图。 –

+0

为每个html你应该创建新组件,然后在ngif你可以使用这个组件 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值