2

我有一个简单的应用程序，您可以在其中登录它看起来像这样：

{{#view App.mainV}}
  {{#if logged}}
     Hey!
  {{else}}
  <!-- Login form here when clicked: App.mainC.login()-->
  {{/if}}
{{/view}}

这是示例控制器：

App.mainC = Ember.ArrayController.create({
    login: function(){
        if(ok)//Everything went fine
            App.mainV.logged = true;
    }
});

这是mainV：

App.mainV = Ember.View.extend({
    logged: false,
    test: function()
    {
        console.log('JO');
    }
});

关于这个应用程序，我有两个问题：

  • 为什么当我将记录更改为真实视图时不会更改？

  • 如果我调用 App.mainV.test() 我会收到错误消息。为什么？

    TypeError：“App.mainV.test”不是函数

4

1 回答 1

7

如果要从模板访问视图的属性，则必须以“视图”作为前缀。在您的示例中：{{#if view.logged}}.

你不能这样做App.mainV.test()，因为App.mainV它是一个类，而不是一个实例。你可以做App.mainV.create().test()。

并且您应该重命名App.mainV以App.MainV适应 Ember.js 约定（类名应大写，请参阅http://www.emberist.com/2012/04/09/naming-conventions.html）

编辑：

您的示例中还有另一个问题：控制器尝试修改视图中的值。在 Ember 方式中，您应该将视图的属性绑定到控制器。控制器中的任何更改都将传播到视图：

<script type="text/x-handlebars">
{{#view App.MainView}}
    {{#if view.logged}}
        Hey!
    {{else}}
        <!-- Login form here when clicked: App.mainController.login()-->
    {{/if}}
{{/view}}
</script>​

App = Ember.Application.create();

App.mainController = Ember.Controller.create({
    logged: false,
    login: function() {
        this.set('logged', true);
    }
});

App.MainView = Ember.View.extend({
    loggedBinding: 'App.mainController.logged'
});

// change in controller will be propagated to the view
App.mainController.set('lo​gged', true);​​​​​​
于 2012-07-05T09:54:32.453 回答