Question

我正在尝试使用组件中的数据，但产量没有达到。几乎就像没有击中组件模板一样？

此代码的结构是否有问题

页面

{{#wrapping-component
  as |fullName|
}}
  {{fullName}}
  {{log fullName}}
{{/wrapping-component}}

.. 包装组件.hbs

<div class="wrapper-component">
  {{yield fullName}}
</div>

wrapping-component.js

import Ember from 'ember';
var WrappingComponent = Ember.Component.extend({

  fullName: function(){
    console.log("get blue");
    return "blue";
  },

});

export default WrappingComponent;

因此在页面上，我应该看到“蓝色”出现-但它没有显示任何内容

Answer 1

您似乎想要的是属性而不是函数？

import Component from '@ember/component';
import { computed } from '@ember/object';

export default Component.extend({

  fullName: "blue",

  // if you want a computed property:
  fullName2: computed(function() {
    return 'blue';
  });


});

将在模板中打印蓝色。否则fullName引用是未调用的函数

灰烬包装问题直接从组件获取数据

1 个答案: