ember-2.0角支架组件不与ember-cli@0.2.7一起使用

Question

为了使ember-2.0角度支架组件能够与最新的ember-cli一起使用,我还需要什么

我使用ember-cli 0.27,nodejs 0.12.4和emberjs-canary分支来测试emberjs-2.0.

我创建了一个简单的新骨架应用程序:

  ember new test-app

并创建了一个组件:

    ember g component my-test

在application.hbs中,如果我添加以下行来调用组件,则不会显示组件中的内容.

    <my-test  />

如果将上面的行更改为下面的行,则会显示该组件的内容.

{{my-test}}

这是我的bower.json的摘录

    {
      "name": "em",
      "dependencies": {
         "ember": "components/ember#canary",
         "ember-data": "components/ember-data#canary",,
         "ember-cli-shims": "ember-cli/ember-cli-shims#0.0.3",
         "ember-cli-test-loader": "ember-cli-test-loader#0.1.3",
         "ember-data": "1.0.0-beta.18",
         "ember-load-initializers": "ember-cli/ember-load-initializers#0.1.4",
         "ember-qunit": "0.3.3",
          "ember-qunit-notifications": "0.0.7",
          "ember-resolver": "~0.1.15",
          "jquery": "^1.11.1",
         "loader.js": "ember-cli/loader.js#3.2.0",
         "qunit": "~1.17.1"
   },
   "resolutions": {
       "ember": "canary",
       "ember-data": "canary"
     }
   }

这是我的包,json

  "devDependencies": {
     "broccoli-asset-rev": "^2.0.2",
     "ember-cli": "0.2.7",
     "ember-cli-app-version": "0.3.3",
     "ember-cli-babel": "^5.0.0",
     "ember-cli-content-security-policy": "0.4.0",
     "ember-cli-dependency-checker": "^1.0.0",
     "ember-cli-htmlbars": "0.7.6",
     "ember-cli-ic-ajax": "0.1.1",
     "ember-cli-inject-live-reload": "^1.3.0",
     "ember-cli-qunit": "0.3.13",
     "ember-cli-uglify": "^1.0.1",
     "ember-data": "1.0.0-beta.18",
     "ember-disable-proxy-controllers": "^1.0.0",
     "ember-export-application-global": "^1.0.2"
  }

Answer 1

此时,该功能仍然在功能标志后面.因此必须启用相应的标志.

在config/environment.js中启用了功能标志,在您的情况下,它应该看起来有点像:

 ...
 EmberENV: {
  FEATURES: {
    'ember-htmlbars-attribute-syntax': true,
    'ember-htmlbars-inline-if-helper': true,
    'ember-htmlbars-component-generation': true
  }
 }

示例config/environment.js - > https://github.com/stefanpenner/ember-jobs/blob/master/config/environment.js#L17

也供参考:*功能标志指南:http://guides.emberjs.com/v1.10.0/configuring-ember/feature-flags/