blocks|key|442177|text|您可以尝试使该参数成为或标记的属性，然后使用jQuery来访问它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442178|也许是像这样的|442179|//+template
<ul>
++{{#each+applications}}
++++<li>
++++++<a+{{bindAttr+href="url"}+param="abc"}+
++++++{{action+"appClicked"+on="click"}}>++++++++++++++++
+++++++++{{name}}
++++++</a>
++++</li>
++{{/each}}
</ul>

//+In+your+js+code
appClicked:+function+(event)+{
++++//+You+may+have+to+play+around+and+check+which+DOM+element
++++//+has+the+the+param+attribute.+From+memory+it+is+the+parent.
++++var+param+=+this.$().parent().attr('param');
++++...
}|code-block|syntax|javascript|442180|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can try to make the parameter an attribute of the &lt;li&gt; or &lt;a&gt; tag and then use jQuery to access it.

Maybe something like

<pre><code>// template
&lt;ul&gt;
 {{#each applications}}
 &lt;li&gt;
 &lt;a {{bindAttr href="url"} param="abc"} 
 {{action "appClicked" on="click"}}&gt; 
 {{name}}
 &lt;/a&gt;
 &lt;/li&gt;
 {{/each}}
&lt;/ul&gt;

// In your js code
appClicked: function (event) {
 // You may have to play around and check which DOM element
 // has the the param attribute. From memory it is the parent.
 var param = this.$().parent().attr('param');
 ...
}
</code></pre>

blocks|key|656710|text|我在考虑更多类似的东西，因为您将可以通过实际视图访问更多内容。但是扎克，如果你能解释一下如果这不是你想要的，你到底想做什么？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|656711|​|656712|App+=+Ember.Application.create();

App.peopleController+=+Ember.ArrayController.create({
++++content:+[+{+name:+'Roy',+url:+'#'+},
+++++++++++++++{+name:+'Mike',+url:+'#'+},+
+++++++++++++++{+name:+'Lucy',+url:+'#'+}+]
});

App.PersonView+=+Ember.View.extend({
++++tagName:+'li',
++++content:+null,
++++linkClicked:+function()+{
++++++++console.log(this.getPath('content.name'));
++++}
});|code-block|syntax|javascript|656713|<ul>
{{#each+App.peopleController}}
++++{{#view+App.PersonView+contentBinding="this"}}
++++++++<a+{{bindAttr+href="content.url"}}+{{action+"linkClicked"+on="click"}}>
++++++++++++{{content.name}}
++++++++</a>
++++{{/view}}
{{/each}}
</ul>|656714|656715|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

I was thinking something more along the lines of this since you'll have access to a bunch more through an actual view. But Zack, if you could explain a bit more what exactly you're trying to do if this isn't what you're looking for?

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>App = Ember.Application.create();

App.peopleController = Ember.ArrayController.create({
 content: [ { name: 'Roy', url: '#' },
 { name: 'Mike', url: '#' }, 
 { name: 'Lucy', url: '#' } ]
});

App.PersonView = Ember.View.extend({
 tagName: 'li',
 content: null,
 linkClicked: function() {
 console.log(this.getPath('content.name'));
 }
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul&gt;
{{#each App.peopleController}}
 {{#view App.PersonView contentBinding="this"}}
 &lt;a {{bindAttr href="content.url"}} {{action "linkClicked" on="click"}}&gt;
 {{content.name}}
 &lt;/a&gt;
 {{/view}}
{{/each}}
&lt;/ul&gt;</code></pre>
</div>
</div>

blocks|key|656763|text|从子视图中，您可以附加数据属性并在控制器中访问它们。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|656764|例如，在您的视图中，如果您有：|656765|{{#view+Ember.Button+target="App.controller"+action="publish"+data-publish=false}}Unpublish{{/view}}|code-block|syntax|javascript|656766|然后在你的控制器中，|656767|App.controller+=+Ember.Object.extend({
++publish:+function(v){
++++var+status+=+v['data-publish'];//your+additional+information+is+appended+to+the+view.
++}
}|656768|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

From subviews, you can attach data-attributes and access them in your controller.

For example, in your view, if you have:

<pre><code>{{#view Ember.Button target="App.controller" action="publish" data-publish=false}}Unpublish{{/view}}
</code></pre>

Then in your controller,

<pre><code>App.controller = Ember.Object.extend({
 publish: function(v){
 var status = v['data-publish'];//your additional information is appended to the view.
 }
}
</code></pre>

blocks|key|656800|text|对Veeb的回答的一个改进，记住你有jQuery事件，所以你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|656801|//+template
<ul>
++{{#each+applications}}
++++<li>
++++++<a+{{bindAttr+href="url"}}+param="abc"+{{action+"appClicked"+on="click"}}>
+++++++++{{name}}
++++++</a>
++++</li>
++{{/each}}
</ul>

//+In+your+js+code
appClicked:+function+(event)+{
++++var+param+=+$(event.target).attr('param');
++++...
}|code-block|syntax|javascript|656802|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

An improvement to Veeb's answer, remember you have the jQuery event so you can do:

<pre><code>// template
&lt;ul&gt;
 {{#each applications}}
 &lt;li&gt;
 &lt;a {{bindAttr href="url"}} param="abc" {{action "appClicked" on="click"}}&gt;
 {{name}}
 &lt;/a&gt;
 &lt;/li&gt;
 {{/each}}
&lt;/ul&gt;

// In your js code
appClicked: function (event) {
 var param = $(event.target).attr('param');
 ...
}
</code></pre>

blocks|key|442338|text|显然，Ember现在已经进化了，并且有了向操作传递参数的能力：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|442339|{{action+"functionName"+parameter}}|code-block|syntax|javascript|442340|在您的情况下，这将是：|442341|<a+{{bindAttr+href="url"}}+
+++{{action+"appClicked"+name+on='click'}}>++++++++++++++++
+++++++{{name}}
+++</a>|442342|但是，您可以传递模型中的任何属性(如id)，而不是名称。|442343|有关详细信息，请参阅http://emberjs.com/guides/templates/actions/。|offset|length|442344|entityMap|0|LINK|mutability|MUTABLE|url|http://emberjs.com/guides/templates/actions/^0|0|0|0|0|0|A|18|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Apparently, Ember has evolved now and there is an ability to pass a parameter to an action:

<pre><code>{{action "functionName" parameter}}
</code></pre>

In your case, that would be:

<pre><code>&lt;a {{bindAttr href="url"}} 
 {{action "appClicked" name on='click'}}&gt; 
 {{name}}
 &lt;/a&gt;
</code></pre>

However, you could pass any attribute from the model (like the id) instead of the name.

See <a href="http://emberjs.com/guides/templates/actions/">http://emberjs.com/guides/templates/actions/</a> for more information.

blocks|key|656903|text|The+API+says您可以传入多个参数。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|656904|html和把手：|656905|{{officename}}+
<button+{{action+"actionTest"+"hello"+"goodbye"+officename}}>See+parameters+through+action+in+the+console</button>|code-block|syntax|javascript|656906|控制器：|656907|actionTest:+function(a,+b,+c){
+++console.log(a);
+++console.log(b);
+++console.log(c);
},|656908|See+it+in+action+in+this+jsbin|656909|entityMap|0|LINK|mutability|MUTABLE|url|http://emberjs.com/api/classes/Ember.Handlebars.helpers.html#method_action|1|http://jsbin.com/iwiruw/426/edit^0|0|C|0|0|0|0|0|0|0|U|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|15|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|Q|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]]]

<a href="http://emberjs.com/api/classes/Ember.Handlebars.helpers.html#method_action" rel="noreferrer">The API says</a> you can pass in multiple parameters. 

html and handlebars:

<pre><code>{{officename}} 
&lt;button {{action "actionTest" "hello" "goodbye" officename}}&gt;See parameters through action in the console&lt;/button&gt;
</code></pre>

controller:

<pre><code>actionTest: function(a, b, c){
 console.log(a);
 console.log(b);
 console.log(c);
},
</code></pre>

<a href="http://jsbin.com/iwiruw/426/edit" rel="noreferrer">See it in action in this jsbin</a>

I have a list of items:

<pre><code> &lt;ul&gt;
 {{#each applications}}
 &lt;li&gt;
 &lt;a {{bindAttr href="url"}} 
 {{action "appClicked" on="click"}}&gt; 
 {{name}}
 &lt;/a&gt;
 &lt;/li&gt;
 {{/each}}
 &lt;/ul&gt;
</code></pre>

On click it calls the method <code>appClicked</code> of the view, that this template belongs to. I want to pass some information (for example, the name of the application) to the method <code>appClicked</code>. Something like, <code>{{action "appClicked(name)" on="click"}}</code>. 

Is it possible, and how?

How to pass parameters with the action Helper of Ember.js?

jQuery

我有一个项目列表： <ul> {{#each applications}} <li> <a {{bindAttr href="url"}} {{action "appClicked" on="click"}}> {{na...

问如何使用Ember.js的action Helper传递参数？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Ember.js的action Helper传递参数？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Ember.js的action Helper传递参数？
EN