canjs - canjs模型不填充胡子模板

Question

我对刚开始学习 CanJs 很陌生，我对无法调试它的以下问题感到震惊。

我的模型如下：

Localized = can.Model({
        findOne : 'GET /resources/localized'
    }, {
});

GET /resources/localized ---> 获取可用的本地化语言。

我已经定义了一个组件如下

can.Component({
    tag : 'preferences',
    template : initView,
    init: function() {
        console.log(locales);
    },
    scope : {
        locales: new LocalizedModel.findOne({})
    }
});

initView 有如下胡子模板：

<div class="form-group">
   <label>{{dateLayout}}</label>
      <select class="form-control" id="lang" name="lang"  can-change="save">
          {{#list locales.languageOptions}}
              <option value="{{name}}">{{name}}</option>
          {{/list}}
      </select>
</div>

但问题是语言环境没有得到填充，我可以看到 /resources/localized 的网络调用，这里的任何指针都可以帮助理解这一点。

Answer 1

小心使用正确的命名，特别是如果您正在阅读 CanJS 文档中的 EJS 和 Mustache 构建。遍历列表的助手{{#each listref}}...{{/each}}在 can.Mustache 和 can.Stache 中，在 can.EJS 中<% list(listref, function(item) { %>...<% }) %>。使用{{#list ...}}可能不会产生任何东西。