排除點擊ui-sref

Question

我正在使用u-router在AngularJS上的窗體上工作。我使用u-sref創建了5個選項卡。當您點擊「繼續」時，我確實運行了下一個選項卡，我使用了state.go。因此，我想關閉用所謂的標籤ui-sref來點擊和移動表單的功能。 如何禁用點擊書籤ui-sref的能力？

例如：

<a ui-sref=".data" class="btn btn-primary">DATA</a> 

Answer 1

您可以將CSS屬性pointer-events: none添加到您的<a>標籤。鏈接將不再可點擊。

我更新你有以下改動您的評論中提到的Plunker：

添加no-click-link類CSS：

.no-click-link { 
    pointer-events: none; 
} 

這個類添加到<a>標籤：

<div id="status-buttons" class="text-center"> 
    <a class="no-click-link" ui-sref-active="active" ui-sref=".profile"><span>1</span> Profile</a> 
    <a class="no-click-link" ui-sref-active="active" ui-sref=".interests"><span>2</span> Interests</a> 
    <a class="no-click-link" ui-sref-active="active" ui-sref=".payment"><span>3</span> Payment</a> 
</div>