小编Cra*_*enz的帖子

很难跟上Ember JS的演变,因为它接近(并达到!)版本1.0.0.教程和文档已经过去,导致很多关于最佳实践和原始开发人员意图的混淆.

我的问题是:Ember JS的最佳实践是什么？是否有任何更新的教程或工作样本显示如何使用Ember JS？代码示例会很棒!

感谢大家,尤其是Ember JS开发者!

我有一个由多个部分组成的页面，每个部分由一个标题和文本列表组成。我希望整个系列作为一个系列均匀滚动，并且想知道如何最好地分解这种逻辑。想象一下下面的小部件树：

ListView(
  children: <Widget>[
    Text('Section 1 Header'),
    Text('Section 1 List Item 1'),
    Text('Section 1 List Item 2'),
    Text('Section 2 Header'),
    ...
  ]
)

就可以干净地构建它的辅助函数而言，类似以下的内容会很好：

ListView(
  children: <Widget>[
    Text('Section 1 Header'),
    _buildSection1ListItems(),
    Text('Section 2 Header'),
  ]
)

凡_buildSection1ListItems()如下所示：

List<Widget> _buildSection1ListItems() {
  return [
    Text('Section 1 List Item 1'),
    Text('Section 1 List Item 2'),
  ];
}

并且不喜欢以下内容：

Widget _buildSection1ListItems() {
  return Expanded(
    child: Column(
      children: <Widget>[
        Text('Section 1 List Item 1'),
        Text('Section 1 List Item 2'),
      ]
    )
  );
} …

那里有很多很棒的Ember例子,但它们似乎都只显示Ember模板在没有实际HTML或BODY标签的沙箱DOM上呈现.它展示了如何很好地将模板链接到彼此,但遗漏了一个主要问题:

如何将根Ember模板放在我页面的DOM上的特定位置？

我已经appendTo()在文档中看到了这个功能,但这似乎是错误的和hacky.

我必须遗漏一些简单的东西,因为我无法在任何地方找到问题的答案.我已经完成了RTFM的尽职调查,现在我正在这里提出问题.

简而言之,我想<a>在Ember模板中放置一个简单的标签,但额外的Ember标记使对象动态化会破坏URL本身.

我的模板看起来像这样:

<script type="text/x-handlebars" data-template-name="event-nav">
    <a href="{{ obj.url }}">{{ obj.display_name }}</a>
</script>

当然,这会产生这样的东西:

<a class="event-name logo" href="/&lt;script id='metamorph-0-start' type='text/x-placeholder'&gt;&lt;/script&gt;&lt;script id='metamorph-0-end' type='text/x-placeholder'&gt;&lt;/script&gt;"><script id="metamorph-1-start" type="text/x-placeholder"></script>Object Name<script id="metamorph-1-end" type="text/x-placeholder"></script></a>

简而言之,我该怎么做呢？

非常感谢.