Question

我正在创建一个自己的网站，我希望在其中添加一个功能，用户可以根据它们自定义网站，例如通过使用自定义更改背景颜色，字体，字体颜色等小部件。（就像有这个功能的推特）。我试图谷歌为此找到任何外部api，但没有得到任何。我的项目基于Angular2。问题不是基于编程，但如果有人可以建议我采用任何方法来解决这个问题，那将会非常有用。谢谢！

Answer 1

Angular 2允许您动态更改css。您可以创建自己的自定义小部件，以允许用户随意更改css。只需将css值绑定到变量并传递它即可。

@Component({
  selector: 'my-app',
  template: `
    <div [style.background-color]="chosenColor">
      <button (click)="Blue()">blue</button>
      <button (click)="Red()">red</button>
      <button (click)="Yellow()">yellow</button>
    </div>
  `,
})
export class App {
  chosenColor = "";
  constructor() {}
  Red(){
    this.chosenColor = "red"
  }
  Blue(){
    this.chosenColor = "blue"
  }
  Yellow(){
    this.chosenColor = "yellow"
  }

这是一个让你入门的基本傻瓜...... https://plnkr.co/edit/SdkpENReJPJJ5HRejnM9?p=preview

如何根据自己的需要为用户提供自定义网站的选项？

1 个答案: