使用@HostBindingsではなく、4

Question

角度でホスト私は、角度4でアニメーションを作ってみると、「私は、コンポーネント

import { Component, OnInit, HostBinding } from '@angular/core'; 
import { AngularFire, AuthProviders, AuthMethods } from 'angularfire2'; 
import { Router } from '@angular/router'; 
import { moveIn } from '../router.animations'; 

@Component({ 
selector: 'app-login', 
templateUrl: './login.component.html', 
styleUrls: ['./login.component.css'], 
animations: [moveIn()], 
host: {'[@moveIn]': ''} 
}) 

でホストを使用するチュートリアルを見ましたが、それは、ホストプロパティ の下で私のエラーを示し[tslintホストプロパティの代わりに@hostBindingsと@HostListenersを使用してください。

Answer 1

tslintはエラーではありません。これらは、tslint Webpackサービスによって作成されたTypeScript lintingメッセージです。

あなたがここにTSLintの詳細を読むことができます：何らかの理由で

https://palantir.github.io/tslint/

を、誰かがコンポーネントにhostプロパティを使用して悪い習慣であると判断しました。あなたは、その機能と他のコンポーネント設定機能を使用することはまったく問題ありません。このリントチェック編集あなたtslint.jsonファイルを無効にし、次のように変更/追加するには

：

"use-host-property-decorator": false 

falseにそれを設定するには、チェックを無効にします。