diff --git a/src/components/FormlyForm.js b/src/components/FormlyForm.js
index e7b3d63..49b1ecf 100644
--- a/src/components/FormlyForm.js
+++ b/src/components/FormlyForm.js
@@ -5,7 +5,7 @@ export default {
const self = this;
children = this.fields.map( function(field){
return h('formly-field', {
- key: `formly_{field.key}`,
+ key: `formly_${field.key}`,
ref: field.key,
props: {
model: self.model,
diff --git a/test/unit/specs/FormlyForm.spec.js b/test/unit/specs/FormlyForm.spec.js
index 7eddaad..a8f8952 100644
--- a/test/unit/specs/FormlyForm.spec.js
+++ b/test/unit/specs/FormlyForm.spec.js
@@ -64,7 +64,7 @@ describe('FormlyForm', () => {
]
};
- createForm('', data);
+ createForm('', data);
//check the elements have been created
@@ -72,7 +72,8 @@ describe('FormlyForm', () => {
expect(vm.$el.querySelectorAll('.formly-field')).to.be.length(2);
//check their data
-
+ expect(vm.$refs.form.$refs.fname.$vnode.key).to.equal('formly_fname');
+ expect(vm.$refs.form.$refs.lname.$vnode.key).to.equal('formly_lname')
expect(vm.$el.querySelector('#lname_model').textContent).to.contain('smith');
expect(JSON.parse(vm.$el.querySelector('#fname_field').textContent)).to.deep.equal(data.fields[0]);
expect(JSON.parse(vm.$el.querySelector('#lname_field').textContent)).to.deep.equal(data.fields[1]);