天天看點

一個關于Angular Directive selector裡的中括号使用問題

其實對于Angular指令的selector,我一直搞得不是太清楚,看下面的例子:selector的定義裡,包含了中括号。

一個關于Angular Directive selector裡的中括号使用問題

在消費該Directive的HTML頁面裡,不用中括号:

一個關于Angular Directive selector裡的中括号使用問題

則Directive正常工作,我在Directive的ngOnInit裡列印了一些調試語句。

一個關于Angular Directive selector裡的中括号使用問題

如果消費Directive的時候,用了中括号,反而報錯:

一個關于Angular Directive selector裡的中括号使用問題

selector定義中去掉中括号,反而不工作了:

一個關于Angular Directive selector裡的中括号使用問題

正确的打開方式:在Directive selector裡使用中括号,消費Directive的時候去掉。

如果要傳遞資料,考慮中括号的用法。

一個關于Angular Directive selector裡的中括号使用問題
一個關于Angular Directive selector裡的中括号使用問題

繼續閱讀