AngularJS不喜欢a标签

Question

问题：我有以下代码可以正常工作：

<div style="margin-top: 5pt;">
     <a href="{{e.DocURL}}" target="_blank">
         <button class="btn btn-primary" 
                 id="showDocs" 
                 ng-show="e.DocFlag === 'Y'" 
                 style="border-radius: 13px; padding-bottom: 5px;" 
                 type="button">Provider Bio
         </button>
     </a>
</div>

但是，每当我更新表单时，a标签都会消失。我仍然是AngularJS的新手，他们可以替代我可以使用的标签。

Answer 1

我认为你不应该用<a>包裹按钮，而是将“btn btn-primary”类放在<a>中。 HTML可能不允许链接包含按钮。

编辑：这个答案证实了这一点：Can I nest a <button> element inside an <a> using HTML5?

Answer 2

您的a标记没有消失。看看这一行：

ng-show="e.DocFlag === 'Y'" 

当e.DocFlag不是'Y'时，按钮将消失。该按钮是a标记内唯一的内容。如果a内没有任何内容， 就会消失。