Javascript 在按钮上更改图层单击

我不熟悉

angularjs

和

web开发

。在这里，我试图实现层的东西

因此，我有一个按钮，我希望用户保持在同一页上，但文本数据应该更改。请参阅，我有

text angualr

，我可以使用它向用户显示一些数据。 现在,

现在，在这篇文章中，我向用户展示了整个数据，并强调了部分数据取决于某些条件，这对我来说很好。但现在我想改变这件事。所以，它应该像第一次它将显示文本而不突出显示，然后当用户单击某个按钮时，就会出现突出显示的文本。所以，这是一种层次的东西

为此，我又添加了一个div，它与文本相同

<div text-angular id="originalId" ng-class="(totalOrphans == 0 ? 'add-heightTo-textEditor' : 'html-editor-container') + ' ' + ((documentType === 'jobDescription') ? 'add_jd_height' : 'html-editor-container')" class="textcontent-modal"
                    spellcheck="false" ng-model="data.originalDocument" ta-disabled="isEditingDisabled" ng-mouseup="doSomethingWithSelectedText($event)">
                </div>

但ng模式将有所不同

现在,

NextTab

我有一个按钮，它可以改变

---

实际上，我认为z-index是我们可以做的一件事，但我对这件事还不熟悉，所以，任何提示或帮助对我来说都是很好的开始。提前感谢。

您的问题很难理解。我的意思是，单击按钮，div应该会更改其内容。

<div text-angular id="originalId" ng-class="(totalOrphans == 0 ? 'add-heightTo-textEditor' : 'html-editor-container') + ' ' + ((documentType === 'jobDescription') ? 'add_jd_height' : 'html-editor-container')" class="textcontent-modal"
                    spellcheck="false" ng-model="data.originalDocument" ta-disabled="isEditingDisabled" ng-mouseup="doSomethingWithSelectedText($event)">
                </div>

<button class="col-xs-3 btn btn-default" ng-click="changeTab()">NextTab </button>