Question

我正在做angular 4项目，而我是angular 4的新手。我想在我的前台网站中设置多个模板。例如，我在管理面板中有4个主题，并且用户登录并设置了主题号。 2为前端网站，因此主题2在他的网站上处于活动状态。

我有一个想法，就是如果我可以动态地运行“ templateUrl”，那么我可以做这种工作，但是我不知道该怎么做。

示例代码：

@Component({
  selector: 'app-products',
  templateUrl: './products.component.html', // dymanic html file
  styleUrls: ['./products.component.css']
})
export class ProductsComponent implements OnInit {

  constructor() { }
  public templateUrl:string;
  ngOnInit() {
    this.templateUrl = './products.component.html';
  }

}

谢谢。

Answer 1

您的问题link

我的香料：如果您想更改HTML和数据位置以及...等您将为每个主题键入新的HTML代码，

但是如果您想更改颜色，方向，动画等您将更改CSS文件...，然后可以使用LESS或SASS 它是描述语言...将转换为CSS，并且更易于修复。

，您可以通过TS和HTML上的[ngStyle]控制主题

templateUrl在角度4

1 个答案: