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

Question

我正在创建一个自己的网站，我想在其中添加一个功能，用户可以根据他们自定义网站，例如，通过使用自定义小部件更改背景颜色、字体、字体颜色等。(就像Twitter具有此功能一样(。我试图谷歌找到任何外部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