Ember：设置模板中的变量来自控制器

Question

我在我的模板中有一个变量，名为someString，我想在我的控制器中进行设置。我得到一个未捕获的错误：断言失败：TypeError：无法读取未定义的属性'set'。

如何使控制器知道模板变量（如果这甚至是解决此问题的方法）？

我的模板看起来是这样的：

{{#modal-dialog action="close" title="New Run"}} 
 
    <form role="form" {{action "submit" on="submit"}}> 
 
... 
 
    {{input value=emailComparisonRunID class="form-control" placeholder="Comparison Run ID (optional)"}} 
 
    <label><small>{{someString}}</small></label> 
 
    <br> 
 
... 
 
    </form> 
 
{{/modal-dialog}}

我的控制器看起来是这样的：

export default Ember.ObjectController.extend({ 
 
    needs: 'services', 
 
    dataVer: '', 
 

 
    watchEmailComparisonRunId: function() { 
 
    var comparisonId = this.get('emailComparisonRunID'); 
 
    if(comparisonId == null) { 
 
     comparisonId = 1; 
 
    } 
 

 
    var onIdFound = function(id) { 
 
     console.log('FOUND'); 
 
     this.set('someString', 'FOUND'); 
 
    }; 
 

 
    var onIdNotFound = function(reason) { 
 
     console.log('Not Found'); 
 
     this.set('someString', 'NOT FOUND') 
 
    }; 
 

 
    this.get('store').find('run', comparisonId).then(onIdFound, onIdNotFound); 
 

 
    }.observes('emailComparisonRunID'), 
 
    
 
    ... 
 

 
    
 

Answer 1

你创造你的观察者内部的函数被错误的上下文调用。更新它们以绑定其功能的上下文：

var onIdFound = function(id) { 
    console.log('FOUND'); 
    this.set('someString', 'FOUND'); 
}.bind(this); 

var onIdNotFound = function(reason) { 
    console.log('Not Found'); 
    this.set('someString', 'NOT FOUND') 
}.bind(this);