Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ember.js/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Ember.js和connectOutlet模板上下文问题_Javascript_Ember.js - Fatal编程技术网

Javascript Ember.js和connectOutlet模板上下文问题

Javascript Ember.js和connectOutlet模板上下文问题,javascript,ember.js,Javascript,Ember.js,我正试图遵循teh Ember.js文档中的“Ember应用程序体系结构”指南,以制作一个带有插座和路由的simpla应用程序,但有些东西一直在困扰着我 为什么ember路由器将控制器设置为模板的数据上下文,而不是视图对象?这一切都搞砸了。例如,如果由于URL更改而必须呈现以下模板并将其附加到插座: <script data-template-name="feed_template" type="text/x-handlebars"> <h1>The feeds&

我正试图遵循teh Ember.js文档中的“Ember应用程序体系结构”指南,以制作一个带有插座和路由的simpla应用程序,但有些东西一直在困扰着我

为什么ember路由器将控制器设置为模板的数据上下文,而不是视图对象?这一切都搞砸了。例如,如果由于URL更改而必须呈现以下模板并将其附加到插座:

<script data-template-name="feed_template" type="text/x-handlebars">
    <h1>The feeds<h1>
    {{this}}
    {{#each items}}
      <a href="#" {{action "onClick"}}>test</a>
    {{/each}}
  </script>

饲料
{{this}}
{{{#每项}
{{/每个}}
模板的数据上下文是控制器,而不是视图对象。这仍然有点好,但是,现在{{action}交互似乎都不起作用,因为,猜猜看,上下文是不同的


那么我该怎么办呢?

从ember-1.0.pre发行版开始,操作的上下文已更改为路由器。因此,默认情况下,onClick操作将由路由器处理。要将其更改为视图,必须显式设置操作的目标或设置
controller.target
属性。要将视图设置为操作的目标,请执行以下操作:

<script data-template-name="feed_template" type="text/x-handlebars">
    <h1>The feeds<h1>
    {{this}}
    {{#each items}}
      <a href="#" {{action onClick target="view"}}>test</a>
    {{/each}}
</script>

饲料
{{this}}
{{{#每项}
{{/每个}}

从ember-1.0.pre发行版起,操作的上下文已更改为路由器。因此,默认情况下,onClick操作将由路由器处理。要将其更改为视图,必须显式设置操作的目标或设置
controller.target
属性。要将视图设置为操作的目标,请执行以下操作:

<script data-template-name="feed_template" type="text/x-handlebars">
    <h1>The feeds<h1>
    {{this}}
    {{#each items}}
      <a href="#" {{action onClick target="view"}}>test</a>
    {{/each}}
</script>

饲料
{{this}}
{{{#每项}
{{/每个}}