html - 克隆按钮的 Angular 方式是什么？

Question

我有一个针对特定用户的关注按钮，点击后应将其文本更改为已关注，反之亦然。此关注按钮可以显示在页面上的不同模块中。单击后，此特定用户的关注按钮应在所有这些模块中更新。但是，这些按钮在不同的范围内。确保克隆按钮处于相同状态的 Angular 方式是什么？

我目前的解决方案是使用通用的 jQuery 选择器来更新点击时的所有按钮。

Answer 1

您应该将状态存储在服务中。

例子:

app.factory('SharedService', function() {
  this.buttonState = null;

  this.setButtonState= function(value) {
    this.buttonState = value;
  }

  this.getButtonState= function() {
    return this.buttonState ;
  }

  return this;
});

阅读:AngularJS Docs on services

或检查此 Egghead.io video