angular.js - angularjs使用路由跳转到某个view的时候，如何执行js来修改一个导航菜单某一项为激活状态

Question

angularjs使用路由跳转到某个view的时候，如何执行js来修改一个导航菜单某一项为激活状态，下面是我现在的代码

<script type="text/javascript"> var mainapp = angular.module('mainapp', ['ngRoute']); mainapp.config(function(${routeProvider}) { ${routeProvider} .when('/', { templateUrl : 'marry.php?cid=123&view=home', controller : 'mainController' }) .when('/home', { templateUrl : 'marry.php?cid=123&view=home', controller : 'mainController' }) .when('/process', { templateUrl : 'marry.php?cid=123&view=process', controller : 'mainController' }) .when('/message', { templateUrl : 'marry.php?cid=123&view=message', controller : 'mainController' }); }); mainapp.controller('mainController', function(${scope}) { ${scope}.message = 'Everyone come and see how good I look!'; }); </script>

Answer 1

おおよそのコード:

リーリー

いくつかの例とドキュメントを見たい場合は、私の github からも入手できます
学習リソース: https://github.com/dolymood/AngularLearing
簡単な例: https://github.com/dolymood/angular-example
パッケージとドキュメントをダウンロード https://github.com/dolymood/angular-packages

Answer 2

各メニュー項目に事前に活性化効果を設定しますが、表示はしません

次に、特定の値をフロント ページに渡して、特定のアクティブ化ステータスを表示します。

など リーリー

対応するタブの値をコントローラーに渡すだけです

リーリー

またはこの方法を使用してください

リーリー

Angular コントローラーで isActive の値 true/false を制御

Answer 3

リーリー

こんにちは、私は angularjs にあまり詳しくありません。私たちのプロジェクトは angularjs のルーティング機能のみを使用しています。上記のコードに基づいてそれを直接変更するのを手伝ってもらえますか?