Question

我有一个相当简单的Ember.js应用程序。在视图中我调用this.transitionTo给出了错误：

未捕获的TypeError：无法读取属性＆＃39;输入＆＃39;未定义的

错误发生在第24596行的ember.js中，其中currentState未定义

以下是我的应用的相关部分：

window.Plan = Ember.Application.create({});

        Plan.Router = Ember.Router.extend({
        location: 'hash'
    });

    Plan.IndexController = Ember.ObjectController.extend({

    });


    Plan.Router.map(function() {
        this.route('application', { path: '/' })
        this.route('index', { path: "/:current_savings/:monthly_deposit/:time_horizon" });
    });

    Plan.ApplicationRoute = Ember.Route.extend({
        redirect: function(){
            this.transitionTo('index', 200, 200, 200);
        }
    })

    Plan.IndexRoute = Ember.Route.extend({
        model: function(params) {
            var result = this.store.find('calculation', params).then(function(data) {
                return data.content[0];
            });

            return result;
        }
    });

    Plan.CurrentSavingsTextField = Ember.TextField.extend({
        focusOut: function() {
            this.transitionTo('index', 150, 200, 200);
        }
    });

    Plan.MonthlyContributionTextField = Ember.TextField.extend({
        focusOut: function() {
            this.transitionTo('index', 150, 200, 200);
        }
    });

    Plan.TimeHorizonTextField = Ember.TextField.extend({
        focusOut: function() {
            this.transitionTo('index', 150, 200, 200);
        }
    });

Plan.Calculation = DS.Model.extend({
    target_goal: DS.attr('number'),
    target_return: DS.attr('number'),
    expected_return: DS.attr('number'),
    downside_probability: DS.attr('number')
});

Plan.ApplicationAdapter = DS.RESTAdapter.extend({
    namespace: 'plan/' + window.targetReturnId
});

HTML：

<script type="text/x-handlebars" data-template-name="index">

    <div>
        <div>Starting Balance: {{view Plan.CurrentSavingsTextField size="10"}}</div>
        <div>Monthly Contribution: {{view Plan.MonthlyContributionTextField size="10"}}</div>
        <div>Time Horizon: {{view Plan.TimeHorizonTextField size="10"}}</div>
    </div>
    <div>
        <span>Plan Goal: {{target_goal}}</span>
        <span>Required Return: {{target_return}}</span>
        <span>Exp Return:  {{expected_return}}</span>
        <span>Downside Probability: {{downside_probability}}</span>
        <span>Time Horizon: {{time_horizon}}</span>
    </div>

</script>

此回复是：

{
   "calculations":[
      {
         "id":10,
         "target_goal":3107800.0,
         "target_return":0.089,
         "expected_return":0.0708,
         "downside_probability":0.0489
      }
   ]
}

应用程序按预期工作，直到我将焦点移出文本字段，然后我收到错误。

Ember：1.5.1

Ember数据：1.0.0-beta.8.2a68c63a

把手：1.2.1

jQuery：1.11.1

Answer 1

过去的kingpin2k完全错了，我错过了关于从视角过渡的声明。我道歉。

不支持来自组件的

transitionTo（至少从我能找到的任何文档中）

您需要从组件中发送操作并将其捕获到控制器或路由中。

Plan.CurrentSavingsTextField = Ember.TextField.extend({
    focusOut: function() {
        this.sendAction('go', 199, 200, 201);
    }
});


Plan.IndexRoute = Ember.Route.extend({
    model: function(params) {
        var result = this.store.find('calculation', params);
      //if you just wanted the first object
     // result.then(function(collection){
     //   return collection.get('firstObject');
     // });
        return result;
    },
  actions:{
    go: function(a, b, c){
      console.log('transition');
      this.transitionTo('index',a,b,c);
    }
  }
});

http://emberjs.jsbin.com/OxIDiVU/749/edit

Answer 2

这个问题相当陈旧，但就我的谷歌搜索已经消失，它似乎仍然没有答案。在玩完之后（Ember 0.13.0），我能够从组件内部获得以下代码：

this.get('_controller').transitionToRoute('index', 150, 200, 200);

控制器的_ infront确实感觉有点像黑客，并且它不应该真正可以访问用户态代码。 get('controller')确实会带来完全不同的东西。

我同意从视图导航（组件）不是最佳实践，但对于我的用例，我有一些组件可以插入仪表板以进行绘图等，这非常适合而不是呼叫控制器动作。它可以帮助我将所有内容隔离在一个组件中。

Ember.js：未捕获的TypeError：无法在transitionTo上读取未定义的属性“enter”

2 个答案: