有沒有辦法在角度組件之間共享配置數據？

Question

我有大約10個組件，它們都具有相同的綁定，並且大多是相同的控制器。每個組件中唯一不同的是templateUrl，並且可能是控制器的一小部分。

由於Angular組件需要一個配置對象而不是工廠函數，這是否意味着我只需要在我的10個組件中使用一堆複製/粘貼？

我知道我可以共享配置，如果我將它們更改爲指令，但我希望將它們保存爲（未來友好的）組件。

Answer 1

您可以使用常見的配置對象，並使用自定義屬性，如果它需要擴展它來：

var getConfig = function() { 
    return { 
    controller: function() { console.log('default controller'); }, 
    templateUrl: 'default.html', 
    bindings: { } 
    } 
} 

// default component 
app.component('one', getConfig()) 

// different templateUrl 
app.component('two', angular.extend(getConfig(), { 
    templateUrl: 'another.html' 
})) 

// different controller 
app.component('three', angular.extend(getConfig(), { 
    controller: function() { console.log('another controller'); } 
})) 

// ... and even extend controller itself 
app.component('four', angular.extend(getConfig(), { 
    controller: function() { 
    // inherit default controller 
    getConfig().controller.call(this) 

    // and add custom functionality 
    this.newMethod = function() {} 
    } 
}))