角材2 SideNav onOpen閉じる

Question

私はAngular 4と素材を使用してWebアプリケーションを作成しています。私はマテリアル "Sidenav"コンポーネントを使用しています。 sidenavが開いているか閉じている場合は、イベントをトリガーしたいと思います。ボタンのclickプロパティに関数を追加すると、イベントがトリガされます。しかし、エスケープを押すか、navの外のどこかをクリックしてsidenavを閉じると、ボタンのclickイベントは論理的には機能しません。

サイドデナにはonOpenとonCloseという2つのプロパティがありますが、使い方が分かりません。それとも、彼らは私がやりたいことを達成するための適切なプロパティですか？よりよく理解するためにここで

plunker：sidenavは、ボタンを押していないことで閉じられている場合http://embed.plnkr.co/ZPmhbFm1hbOUKYp1rV6J/

結果が「世界」と警戒しなければなりません。

Answer 1

私はあなたのplunkerのデモを見てきました。このようなonOpenとonCloseを使用することはできません。あなたのmd-sidenav HTMLは次のように変更します。より良く理解するためにhttps://plnkr.co/edit/96Hz4rZFJCuyNZDwEpGd?p=preview

Answer 2

onOpenおよびonCloseは、あなたのsidenavによって放出されたイベントです。あなたが持っているそれらを使用するために

コンポーネントの属性に「ストア」あなたsidenavへ：

@ViewChild('sidenav') 
public sidenav: MdSidenav; 

、あなたはこれらのイベントが送出された時に何をしたいのかやってイベントをサブスクライブする（私は考え）ngOnInit()にこのコードを配置することをお勧め：

this.sidenav.onOpen.subscribe(() => this.menufunction('Hello'));