我想隱藏/顯示我的SVG元素，而在anguarJS中使用它

Question

任何人都可以建議我一個JS函數，它使這個SVG可見，因爲它的工作完美，而沒有角JS。

<div class="app" ng-app ng-style="disableCircle"> 
    <div ng-controller="ctrlSizing"> 
     <label id="rad" style="visibility: hidden">Radius: <input ng-model="rad" type="number" placeholder="How about 300?"></label> 
     <div id="circle" style="height: 800; width: 500; position:absolute; left: 100px;top: 100px;"> 
      <svg width="500" height="500" visibility="visible" onclick="cInput()" > 
       <circle id="circle1" cx="150" cy="150" ng-attr-r="{{rad}}" stroke="black" stroke-width="2" fill="grey" /> 
      </svg> 
     </div> 
    </div> 
</div> 
<div> 
    <input id="button1" type="button" value="Circle" onclick="circleDraw()"> 
</div> 

Answer 1

使用JS隱藏通過id檢索到的元素或遍歷DOM。

svgElement.style.display = "none"; 

或

svgElement.style.opacity = 0; 

有關如何使用JS的SVG交互的更多信息，您可以檢查此文章Interfacing with SVG