嵌套的子指令根元素如何在父指令根元素的同一級別工作？

Question

你好，我在我無法找到解決辦法的任何地方的情況目前是，

我想知道它是如何以及是否可能有一個從嵌套的（子）宣佈更換一個指令根元素的內容指示。

<div id=」main」> 
    <nav> 
    <main-directive></main-directive> 
    </nav> 
</div> 

//mainDirective’s template 
<div id=」mainDir> 
    <p>Hello World </p> 
    <child-directive></child-Directive> 
</div> 

//childDirective’s template 
<div id=」childDir」> 
    <p>I conquered the world</p> 
</div> 

那麼childDirective出現什麼實際上，我試圖做的是，當我申請一個從mainDirective NG-單擊該mainDirective更換其中其設所以在這種情況下，div的位置 會替換爲childDirective的根元素 在旁註中，當我單擊後退按鈕時，childDirective隱藏並再次顯示父級的根元素。

- > mainDirective->的onClick（） - > childDirective - > OnBackClick（） - > mainDirective

這種情況出現是從這裏我實現類似的東西，但我沒有得到相同的結果作爲一個例子在這個源代碼中，打破了一切後，我沒有看到我有什麼錯。

https://github.com/wuxiaoying/angular-multilevelpushmenu
我嘗試在一個簡單得多的水平
plunker

Answer 1

所以，實際上你可以使用簡單的JavaScript命令：

//mainDirective’s template 
<div id=」mainDir> 
    <p>Hello World </p> 
    <div id="childcontent"></div> 
// This is the new DIV where the Content of the childDir div will be after clicking the button. 
</div> 

//childDirective’s template 
<div id=」childDir」> 
    <p>I conquered the world</p> 
</div> 

所以要它取代從DIV childcontent內容的功能，孩子的內容目錄

function replacecontent() 
{ 
    document.getElementById('childcontent').innerHTML = document.getElementById('childDir').innerHTML; 
} 

問候