Question

我是angularjs和web development的新手。在这里，我正在尝试实现图层事物。

所以，我有一个按钮，我希望用户保持在同一页面，但文本数据应该更改。参见，我有text-angualr我用来向用户显示一些数据。现在，

  <div text-angular id="htmlEditorId" 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.htmlDocument" ta-disabled="isEditingDisabled" ng-mouseup="doSomethingWithSelectedText($event)"
                    ng-mouseover="show_Tool_Tip_OnHover($event)" ng-onkeyup="doSomethingWithSelectedText($event)" name="editor1"
                    title="{{show_tool_tip ? annotation_name : ''}}">
                </div>

现在，在此我向用户显示整个数据并突出显示该数据的某些部分取决于某些条件，这对我来说很好。但现在我想改变这件事。所以，它应该像第一个它将显示文本而不突出显示，然后当用户点击某个按钮然后本身将突出显示文本。所以，这是一种层次的事情。

所以，为此我又添加了一个div，它是相同的text-angular

<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-model会有所不同。

现在，

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

我有这个按钮，它应该改变它，

我实际上看了z-index是我们能做的一件事，但我是新手，所以，任何提示或帮助对我来说都是很好的开始。提前谢谢。

更改按钮上的图层点击

0 个答案: