我有一個 AngularJS 模態模板，我可以在其中投影范圍內的響應。模板看起來像這樣：<div class="modal-body" id="modal-body"><uib-accordion close-others="true">    <div uib-accordion-group class="mt-1" ng-repeat="x in data.details" heading="{{data.displayName}}">        <pre>{{ x|json:4 }}</pre>    </div></uib-accordion>我想首先顯示一個包含最重要的“x”字段的表格，然后給出一個“showMore”字段，單擊按鈕后，我們將顯示完整的 JSON。這里的按鈕用作顯示重要詳細信息（表）或完整詳細信息（Json 響應）的切換，我遵循較少角度的方式，但使用 Javascript 和 HTML。下面是這個實現：<div class="modal-body" id="modal-body"><uib-accordion close-others="true">    <div uib-accordion-group class="mt-1" ng-repeat="x in data.details" heading="{{data.displayName}}">        <span id="dots"> <table>..</table> </span>        <span id="more"> <pre>{{ x|json:4 }}</pre> </span>        <button onclick="myFunction()" id="myBtn">Read more</button>    </div></uib-accordion><script type="text/javascript">    function myFunction() {        var dots = document.getElementById("dots");        var moreText = document.getElementById("more");        var btnText = document.getElementById("myBtn");        if (dots.style.display === "none") {            dots.style.display = "inline";            btnText.innerHTML = "Read more";            moreText.style.display = "none";        } else {            dots.style.display = "none";            btnText.innerHTML = "Read less";            moreText.style.display = "inline";        }}</script>我怎么能不使用Javascript來滿足我的需求呢？我想實現一種更 Angular 的方式，我是 Angular 的新手，請注意我的簡潔。提前致謝。