Gibt es eine Möglichkeit, Konfigurationsdaten zwischen eckigen Komponenten zu teilen?

Question

Ich habe etwa 10 Komponenten, und alle haben die gleichen Bindungen und meist die gleichen Controller. Die einzige Sache, die unter jeder Komponente unterschiedlich ist, ist die templateUrl und vielleicht eine kleine Ergänzung zum Controller.

Da eckige Komponenten eher ein Konfigurationsobjekt als eine Factory-Funktion verwenden, bedeutet das, dass ich nur einen Haufen Kopieren/Einfügen unter meinen 10 Komponenten verwenden muss?

Ich weiß, ich könnte Config teilen, wenn ich sie zu Direktiven ändere, aber ich hatte gehofft, diese als (zukünftige) Komponenten zu halten.

Answer 1

können Sie verwenden gemeinsames Config Objekt und erweitern sie mit benutzerdefinierten Eigenschaften, wenn es muss:

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() {} 
    } 
}))