设置类名绑定的属性

Question

我在获取类名绑定时遇到一些麻烦，无法根据返回true或false的属性正确更改div上的类。

export default Ember.Route.extend({
  isConnected: function() {
    return false;
  }.property(),
  actions: {
    var self = this;
    [some ajax action]
    success: function(data){
      self.set('isConnected', true);
    }
  }
  ...
});

在模板中，我有典型的类名绑定设置

<div class="progress">
  <div class="progress-bar {{if isConnected 'progress-bar-success' 'progress-bar-danger'}}" style="width: 101%;"></div>
</div>

它似乎没有用，我没有错误

Answer 1

我为此创建了一个ember twiddle，它解释了本例中的类绑定是如何工作的。

默认情况下，Controller将属性isConnected设置为false。相同控制器上的操作会修改isConnected，它会反映在视图模板中。

在您的情况下，route上定义的属性因此未连接到模板化视图。