编辑:问题在于我自己的本地设置以及我在应用程序中包含视图的方式。一旦我解决了这些问题,问题就解决了。这里的代码实际上是正确的。Chrixian提供的答案也有效。
我被困在看起来相当简单的事情上。我想访问在车把的每个循环内构建的视图的一些计算属性。
<div class='build-buttons-wrapper'>
<button class="list-builds-button" {{action "toggleBuildsList" target="view"}} ></button>
<button class="build-button" {{action "buildApp" on="click" target="view"}} >Build</button>
</div>
<div class='builds-list'>
<h2 class="build-title">Latest builds</h2>
<ul class="builds-list">
{{#each content}}
{{#view Jimux.BuildView buildBinding="this"}}
<span class="build-date">{{createdAt}}</span>
<a {{bindAttr href="srcArchive"}} class="download-button source">Source</a>
{{! *here are different ways I have tried to access "finished" property* }}
{{log build.view.finished}}
{{log view.finished}}
{{log finished}}
{{log this.finished}}
{{log build.finished}}
{{#if build.finished}}
<div class="build-progressbar"></div>
{{else}}
<div class="build-progressbar"><div class="build-percent" style="width:{{unbound percent}}%"></div></div>
{{/if}}
{{/view}}
{{/each}}
</ul>
</div>
这BuildsView
是使用此模板的内容:
Jimux.BuildsView = Em.View.extend({
templateName: 'builds'
listVisible: false
classNames: ['builds-view']
buildApp: (view, event, ctx) ->
@get('controller').newBuild()
,
hideList: ->
@set 'listVisible', false
this.$(".builds-list").hide("slide", {direction: "up"}, 300)
,
showList: ->
@set 'listVisible', true
this.$(".builds-list").show("slide", {direction: "up"}, 300)
,
toggleBuildsList: (view, event, ctx) ->
if @get 'listVisible' then @hideList() else @showList()
,
didInsertElement: ->
@hideList() if not @get 'listVisible'
})
这是在上面模板BuildView
的迭代器中创建的。{{#each}}
Jimux.BuildView = Ember.View.extend(
tagName: 'div',
classNames: ['build-item'],
#testBinding: true,
sample: true,
finished: ( ->
return true
#return (@get 'percent') == 100
).property('percent')
)
上面的一切都按预期工作。例如,我可以使用 {{percent}} 访问每个子视图的百分比属性。但是,如果我在如上所示的内部定义自己的属性Jimux.BuildView
,我似乎无法找到在车把{{#each}}
迭代器中访问它们的方法。您可以看到我在带有{{log}}
语句的把手代码中尝试的不同方式,所有这些都undefined
在控制台中打印。我在这里想念什么?