Fix binding in each block

src/generators/dom/visitors/Element/Binding.ts

@@ -87,8 +87,16 @@ export default function visitBinding(
 		const { name } = getObject(attribute.value);
 		const tailSnippet = getTailSnippet(attribute.value);
 
-		updateElement = deindent`
+		if (state.inEachBlock === true) {
-			var ${value} = #component.get( '${name}' )${tailSnippet};
+			updateElement = deindent`
+				var ${value} = ${snippet};
+			`;
+		} else {
+			updateElement = deindent`
+				var ${value} = #component.get( '${name}' )${tailSnippet};
+			`;
+		}
+		updateElement += `
 			for ( var #i = 0; #i < ${state.parentNode}.options.length; #i += 1 ) {
 				var ${option} = ${state.parentNode}.options[#i];
 

test/runtime/samples/select-bind-in-array/_config.js

@@ -0,0 +1,16 @@
+const items = [ { id: 'a' }, { id: 'b' } ];
+
+export default {
+	'skip-ssr': true,
+
+	data: {
+		items
+	},
+
+	test ( assert, component, target ) {
+		const items = component.get('items');
+
+		assert.equal( items[0].id, 'a' );
+		assert.equal( items[1].id, 'b' );
+	}
+};

test/runtime/samples/select-bind-in-array/main.html

@@ -0,0 +1,6 @@
+{{#each items as item}}
+  <select bind:value="item.id">
+    <option value='a'>a</option>
+    <option value='b'>b</option>
+  </select>
+{{/each}}