fix(compiler): report better error messages for host bindings

Closes #10346

modules/@angular/compiler/test/template_parser_spec.ts

@@ -308,7 +308,7 @@ export function main() {
 
              expect(console.warnings).toEqual([[
                'Template parse warnings:',
-               `Assigning animation triggers within host data as attributes such as "@prop": "exp" is deprecated. Use "[@prop]": "exp" instead! ("[ERROR ->]<div></div>"): TestComp@0:0`
+               `Assigning animation triggers within host data as attributes such as "@prop": "exp" is deprecated. Use "[@prop]": "exp" instead! ("[ERROR ->]<div></div>"): TestComp@0:0, Directive DirA`
              ].join('\n')]);
            });
 
@@ -1235,6 +1235,16 @@ Can't have multiple template bindings on one element. Use only one attribute nam
 Can't bind to 'invalidProp' since it isn't a known native property ("<div [ERROR ->][invalidProp]></div>"): TestComp@0:5`);
       });
 
+      it('should report invalid host property names', () => {
+        var dirA = CompileDirectiveMetadata.create({
+          selector: 'div',
+          type: new CompileTypeMetadata({moduleUrl: someModuleUrl, name: 'DirA'}),
+          host: {'[invalidProp]': 'someProp'}
+        });
+        expect(() => parse('<div></div>', [dirA])).toThrowError(`Template parse errors:
+Can't bind to 'invalidProp' since it isn't a known native property ("[ERROR ->]<div></div>"): TestComp@0:0, Directive DirA`);
+      });
+
       it('should report errors in expressions', () => {
         expect(() => parse('<div [prop]="a b"></div>', [])).toThrowError(`Template parse errors:
 Parser Error: Unexpected token 'b' at column 3 in [a b] in TestComp@0:5 ("<div [ERROR ->][prop]="a b"></div>"): TestComp@0:5`);