javascript - 如何编辑 AngularJS 主题中的导航菜单？

Question

所以，我从envato market买了一个模板.这是一个管理面板响应式主题，使用 bootstrap 和 AngularJS 创建。我想编辑主题。我在 nav.html 文件和 config.router.js 文件中编辑了导航链接，它们被定义为 .state block 。但是他们仍然没有显示我希望他们显示的名字。还有其他地方可以声明所有这些名称吗？

此外，我还想在侧边栏上添加更多切换按钮。我已经添加了它们，但我不知道在哪里定义它们的模型以及 ID 和类等其他内容。

文档不提供有关定义这些菜单的文件的任何信息。这是 link to the theme .

这是主导航中链接的 .state:

$stateProvider.state('app', {
        url: "/app",
        templateUrl: "assets/views/app.html",
        resolve: loadSequence('modernizr', 'moment', 'uiSwitch', 'perfect-scrollbar-plugin', 'perfect_scrollbar', 'toaster', 'ngAside', 'vAccordion', 'sweet-alert', 'chartjs', 'tc.chartjs', 'oitozero.ngSweetAlert'),
        abstract: true
    }).state('app.dashboard', {
        url: "/dashboard",
        templateUrl: "assets/views/dashboard.html",
        resolve: loadSequence('jquery-sparkline', 'sparkline', 'dashboardCtrl'),
        title: 'Dashboard',
        ncyBreadcrumb: {
            label: 'Dashboard'
        }
    }).state('app.prospects', {
        url: '/prospects',
        template: '<div ui-view class="fade-in-up"></div>',
        title: 'Prospects',
        ncyBreadcrumb: {
            label: 'Prospects'
        }
    })

这是 nav.html 文件中的相关 anchor 标记:

<ul class="main-navigation-menu">
	<li ui-sref-active="active">
		<a ui-sref="app.dashboard">
			<div class="item-content">
				<div class="item-media">
					<i class="ti-home"></i>
				</div>
				<div class="item-inner">
					<span class="title" translate="sidebar.nav.dashboard.MAIN"> Dashboard </span>
				</div>
			</div>
		</a>
	</li>
    <div class="navbar-title">
        <span>PIPELINE</span>
    </div>
    <li ng-class="{'active open':$state.includes('app.prospects')}">
        <a href="javascript:void(0)">
            <div class="item-content">
                <div class="item-media">
                    <i class="ti-folder"></i>
                </div>
                <div class="item-inner">
                    <span class="title" translate="sidebar.nav.tables.MAIN"> Prospects </span><i class="icon-arrow"></i>
                </div>
            </div>
        </a>

Answer 1

侧面导航项正在通过 Angular 翻译进行翻译。如果您的 IDE 的 grep/search 没有找到它们，那可能是因为您没有将 .json 文件类型与程序相关联。

您的导航项的翻译将类似于:{layout}/{STANDARD}/assets/i18n/en.json

编辑此文件，您将看到导航项的适当更改。