ember.js - 如何在 Ember.Select 上绑定未转义的值

Question

请参阅此处的示例：http: //jsbin.com/OfigaJo/1/edit

问题的要点是我可以使用三把把手手动执行此操作，但我找不到任何有关如何使用 Ember.Select 视图执行相同操作的文档。

我需要缩进才能在列表中显示层次结构。在这种情况下，optgroup 不起作用，因为标题不可选择，我需要它们。另外，我可以只使用连字符，但视觉上很快就会很痛苦。

Answer 1

您可以执行此类操作的一种可能方法是将数组中的字符串包装在其中，Handlebars.SafeString 然后再将其作为选择视图的模型返回：

App.IndexRoute = Ember.Route.extend({
  model: function() {
    var colors = ['colors', ' red', ' yellow', ' blue', 'shapes', ' square', ' circle'];
    var safeStrings = colors.map(function(color) {
      return new Handlebars.SafeString(color);
    });
    return safeStrings;
  }
});

请参阅此处查看工作演示。

希望能帮助到你。