1、場景
編寫一個組件,有一個click事件,需要對外發送消息,但是有一些模塊不需要點擊事件,此時需要根據這倆種場景定義不同的樣式。重新定義一個@Input()太過繁瑣,此時通過對@Output()這個屬性對象裏面的一些屬性來判斷。
2、實現
EventEmitter類繼承的Subject裏面有個observers屬性,該屬性是個數組,裏面是訂閱者對象Subscriber,可以通過數組的長度來判斷父組件是否訂閱
@Output('onChartClick') onChartClick: EventEmitter<number> = new EventEmitter<number>(); /** * 獲取是否有ChartClick的訂閱者 * @returns {boolean} */ getChartClickSubscriber() { return !!this.onChartClick.observers.length; }
angualr判斷父組件是否定義方法接收子組件Output發送的消息
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
angular與jsp對比
weixin_41810396
2020-07-08 11:03:21
angular中的無縫向上滾動效果
今安在
2020-07-07 18:02:00
Angular用[innerHTML]顯示html文本,保留富文本在html中的行內style樣式(SafeHtmlPipe)
青颜的天空
2020-07-07 13:19:27
Angular 10 Global is not defined at ../node_modules/socket.io-parser/is-buffer.js
青颜的天空
2020-07-07 13:19:27
Angular 10 - CommonJS or AMD dependencies can cause optimization bailouts warning
青颜的天空
2020-07-07 13:19:24
Angular8升級至Angular10報 .ts file is part of the TypeScript compilation but it‘s unused 的warning
青颜的天空
2020-07-07 13:19:24
Angular ReactiveForms(響應式表單)中的value和getRawValue()的區別
青颜的天空
2020-07-07 13:19:24
AngularJS介紹與腳手架
wzf666
2020-07-06 18:40:20
【angular】checkbox如何取自定義值?
gz-郭小敏
2020-07-06 13:20:22
關於angular中 object類型和any類型的區別
shanesco
2020-07-06 11:15:36
angularjs 路由切換
lemon678
2020-07-06 10:33:59
基於Angular-animate.js和css實現的輪播圖
qq_34079227
2020-07-06 08:01:06
angular的表單輸入綁定
zengjing7373
2020-07-06 04:41:58
AngularJS內置服務器--$http服務的簡單用法
暖夏随园
2020-07-06 04:18:32