angular.js - Bagaimana untuk menukar gaya butang selepas penghalaan sudut?

Question

Seperti yang dinyatakan, saya ingin menukar gaya butang selepas penghalaan, iaitu, selepas mengklik pautan tentang, kelas aktif harus hilang daripada API dan dipindahkan ke kira-kira.

Tetapi saya tidak mahu melaksanakannya melalui dom (rasanya saya masih menggunakan jquery untuk menyelesaikan masalah). Bolehkah saya bertanya bagaimana untuk mencapai keanggunan dalam Angular?

<ul class="nav navbar-nav">
     <li class="active"><a href="#/">API</a></li>
     <li><a ng-href="#/about">About</a></li>
</ul>

Answer 1

$scope.$state = $state;

<ul class="nav navbar-nav">
     <li ng-class="{'active': $state.current.name = 'main'}"><a href="#/">API</a></li>
     <li ng-class="{'active': $state.current.name = 'about'}"><a ng-href="#/about">About</a></li>
</ul>

Ganti nama laluan di atas dengan yang sebenar

Anda juga boleh menggunakan arahan ui-router, rujuk

Answer 2

Anda boleh menggunakan bool arahan kelas ng untuk menentukan, mengikat acara klik dan lulus $indeks li.