angular.js -Angularjs가 라우팅을 사용하여 뷰로 이동할 때 js를 실행하여 탐색 메뉴 항목을 활성화하는 방법은 무엇입니까?

Question

Angularjs가 라우팅을 사용하여 특정 뷰로 이동할 때 js를 실행하여 탐색 메뉴 항목이 활성화되도록 수정하려면 어떻게 해야 하나요?

<스크립트 유형="텍스트/자바스크립트"> var mainapp = angle.module('mainapp', ['ngRoute']); mainapp.config(function(${routeProvider}) { ${routeProvider} .언제('/', { templateUrl: 'marry.php?cid=123&view=home', 컨트롤러 : 'mainController' }) .when('/집', { templateUrl: 'marry.php?cid=123&view=home', 컨트롤러 : 'mainController' }) .when('/프로세스', { templateUrl: 'marry.php?cid=123&view=process', 컨트롤러 : 'mainController' }) .when('/메시지', { templateUrl: 'marry.php?cid=123&view=message', 컨트롤러 : 'mainController' }); }); mainapp.controller('mainController', function(${scope}) { ${scope}.message = '다들 오셔서 제가 얼마나 멋진지 보세요!'; }); </스크립트>

Answer 1

대략적인 코드:

으아악

몇 가지 예제와 문서를 보고 싶다면 내 github에서도 볼 수 있습니다
학습 자료: https://github.com/dolymood/AngularLearing
간단한 예: https://github.com/dolymood/angular-example
패키지 및 문서 다운로드 https://github.com/dolymood/angular-packages

Answer 2

각 메뉴 항목에 활성화 효과를 미리 배치하되 표시하지는 마세요.

그런 다음 특정 값을 첫 페이지에 전달하여 특정 활성화 상태를 표시합니다.

예를 들어

으아악

컨트롤러에서 해당 탭 값을 전달하기만 하면 됩니다

으아악

또는 이 방법을 사용하세요

으아악

각도 컨트롤러에서 isActive의 true/false 값을 제어합니다

Answer 3

으아악

안녕하세요. 저희 프로젝트는Angularjs의 라우팅 기능만 사용합니다. 위 코드를 기반으로 직접 수정하도록 도와주실 수 있나요?