Question

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

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

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

这里是主导航中链接的.state：

＆＃13;

$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'
        }
    })

＆＃13;

这是nav.html文件中的相关锚标记：

＆＃13;

<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>

＆＃13;

Answer 1

侧面导航项目正在通过angular-translate翻译。如果你的IDE的grep / search没有把它们拿起来，可能是因为你还没有用程序关联.json文件类型。

导航项目的翻译类似于：{layout} / {STANDARD} /assets/i18n/en.json

编辑此文件，您将看到导航项目的正确更改。

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

1 个答案: