Verwendung Openlayers-Richtlinie innerhalb einer Richtlinie

Question

Ich versuche, Openlayers-Richtlinie in einer Richtlinie zu verwenden:

var app = angular.module("demoapp", ["openlayers-directive"]); 
app.directive('myDir', function() { 
return { 
     restrict: "E", 
     replace: true, 
     template: "<openlayers ol-center='center' height='480px' width='640px'></openlayers>" 
    } 
}) 

In html:

<my-dir></my-dir> 

Aber wenn ich das tue, ich habe ein Multi-dir Fehler

VM2731 angular.js:12221 Error: [$compile:multidir] Multiple directives [myDir, openlayers] asking for template on: <openlayers ol-center="center" height="480px" width="640px"> 

Jede mögliche Erklärung sehr nützlich sein,

Danke!

Hier ist die fiddle

Answer 1

Vorlage Ihrer Richtlinie der seine eigene Wurzel <div> haben sollte, in er die open-layers Richtlinie gestellt werden. Auf diese Weise definieren Sie eine separate Vorlage, in der die verschachtelte Direktive kompiliert werden kann.

template: "<div><openlayers ol-center='center' height='480px' width='640px'></openlayers></div>"