@nebular menu (NbMenuComponent) html不工作
@nebular menu (NbMenuComponent) 是 Nebular UI 组件库中的一个组件，用于创建菜单导航。它是一个前端开发中常用的组件，具有以下特点和优势：
- 概念：@nebular menu (NbMenuComponent) 是 Nebular UI 组件库中的一个菜单组件，用于创建具有层级结构的导航菜单。
- 分类：@nebular menu (NbMenuComponent) 属于前端开发中的 UI 组件，用于构建用户界面的导航菜单。
- 优势：
- 简洁易用：@nebular menu (NbMenuComponent) 提供了简洁易用的 API，方便开发人员快速创建和定制导航菜单。
- 可扩展性：@nebular menu (NbMenuComponent) 支持自定义样式和主题，可以根据项目需求进行灵活的扩展和定制。
- 响应式设计：@nebular menu (NbMenuComponent) 能够适应不同屏幕尺寸，提供良好的用户体验。
- 多样化的菜单类型：@nebular menu (NbMenuComponent) 支持多种菜单类型，如垂直菜单、水平菜单、折叠菜单等，满足不同场景的需求。
- 应用场景：@nebular menu (NbMenuComponent) 可以广泛应用于各种 Web 应用程序中，特别适用于需要导航功能的管理后台、企业级应用等。
- 推荐的腾讯云相关产品和产品介绍链接地址：由于要求不能提及具体的云计算品牌商，无法给出腾讯云相关产品和链接地址。
总结：@nebular menu (NbMenuComponent) 是 Nebular UI 组件库中的一个前端组件，用于创建菜单导航。它具有简洁易用、可扩展性强、响应式设计和多样化的菜单类型等优势，适用于各种 Web 应用程序中的导航功能。
相关·内容
我们计划迁移到角8，但是当我做npm run build错误，比如：Can't bind to 'xyz since it isn't a known property of 'abc'出现时，这个错误在以前的角版本中并没有出现。以下是两个这样的例子：
ERROR in Can't bind to 'menu' since it isn't a known property of 'nb-user'.
<nb-user [ERROR ->][menu]="user_menu" [
浏览 0提问于2019-08-20得票数 3
回答已采纳
1回答
我在我的angular front应用程序中使用nebular，并希望设置选中的活动链接。我怎样才能做到这一点？ 我尝试过使用menuItem的selected属性，但它仅应用于item对象，并且没有routerLinkActive选项 @Component({
selector: 'nebular-pages',
styleUrls: ['nebular.component.scss'],
template: `
<ngx-sample-layout>
<nb-menu [items]="menu&#
浏览 13提问于2019-06-06得票数 8
1回答
我遵循官方文档中的步骤来使用nebular组件。布局很好，但当我使用卡片组件或其他组件时。
这是我的Html
<nb-card>
<nb-menu [items]="items">
</nb-menu>
</nb-card>
items: NbMenuItem[] = [{
title: 'Profile',
expanded: true,
children: [{
title: 'Change Password',
},
浏览 0提问于2020-08-11得票数 0
我在设置星云侧边栏时遇到了麻烦，因为我遇到了错误：
If 'nb-card' is an Angular component, then verify that it is part of this module.
src/app/pages/components/dashboard/dashboard.component.html:5:2中的错误-错误NG8001：‘nb-卡’不是已知的元素：
If 'nb-card‘是一个角型组件，然后验证它是该模块的一部分。，如果’nb-卡‘是一个Web组件，则将'CUSTOM_ELEMENTS_SCHEMA’添加到该组件
浏览 6提问于2020-10-08得票数 0
回答已采纳
我尝试结合星云文档和ngx示例来创建侧栏页脚。使用相同的结构设计@theme/layouts/one-column，我在那里创建了侧边栏页脚，因为它是在整个应用程序中显示的正确位置：
//@theme/layouts/one-column/one-column.layouts.ts
import { Component } from '@angular/core';
@Component({
selector: 'ngx-one-column-layout',
styleUrls: ['./one-column.layout.scss
浏览 8提问于2021-03-25得票数 0
回答已采纳
1回答
我开始和Nebular一起工作，现在我有点被困住了。
app.module.ts：
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, Routes } from '@angular/router';
import { AppComponent } from './app.component';
import { BrowserAnim
浏览 6提问于2021-03-02得票数 0
回答已采纳
我有这份文件
bar-chart-card.component.ts
import { NgModule } from '@angular/core';
import { Component } from '@angular/core';
import { NbMenuService, NbSidebarService } from '@nebular/theme';
import { NbDialogService } from '@nebular/theme';
import { filter, map } from '
浏览 0提问于2019-06-22得票数 1
1回答
我正在构建一个基于ABP框架4.4版的应用程序。我正在将ABP的默认基本主题更改为Nebulle.我遇到了很多问题，其中之一就是本地化菜单项。在超文本标记语言中，我们输入{{ '::Menu:Home' | abpLocalization }}来进行本地化，但这在Nebulle语言中不起作用。例如：
import { NbMenuItem } from '@nebular/theme';
export const MENU_ITEMS: NbMenuItem[] = [
{
title: '"::Menu:Home" |
浏览 6提问于2021-10-25得票数 0
1回答
我有一个持续的角度项目，我试图添加到项目中。
我安装了npm星云，并做了网站中提到的进口。功能按预期工作，但样式不应用于组件。
下面是我遵循的步骤。
@angular/animationsnpm npm安装--保存@nebular/@ar角/cdk安装--在app.module.ts中保存@nebular/eva-iconsImported NbThemeModule和NbChatModule
导入{ NbThemeModule，NbChatModule }从‘@nebular/主题’；@NgModule({ imports：.NbThemeModule.forRoot()，NbChatMod
浏览 0提问于2020-04-08得票数 6
回答已采纳
1回答
我正在使用星云主题作为我的申请。在菜单上，我有两件事。每个项目都需要使用星云菜单的URL属性导航。
问题
导航很好。但是，每次单击该项目时，刷新都会发生。我想避免再装子弹。所以请帮我解决这个问题。
Menu.ts：
import { NbMenuItem } from "@nebular/theme";
export const MENU_ITEMS: NbMenuItem[] = [
{
title: "Orders",
icon: "email-outline",
url:"orders",
浏览 5提问于2022-10-31得票数 0
回答已采纳
import { Component, OnInit } from '@angular/core';
import { ADMIN_MENUS } from '../pages/pages-menu';
import { AuthService } from './auth/auth.service';
@Component({
selector: 'ngx-admin',
templateUrl: './admin.component.html',
styleUrls: ['./admin.
浏览 24提问于2020-05-10得票数 0
我正在为我的项目使用akveo/ngx-admin主题。我需要定制侧边栏菜单图标。星云带来了伊娃图标，但我需要有趣的图标。
已尝试更改"/node_modules/@nebular/theme/components/menu/menu-item.component.html“，但html更改未反映
<span *ngIf="menuItem.group">
<!-- <nb-icon class="menu-icon" [icon]="menuItem.icon" *ngIf="menuItem.ico
浏览 46提问于2019-07-25得票数 2
1回答
我想知道是否有我能够自定义一个Nebular 的scss/html模板。我发现您可以使用Nebular 自定义一些scss，但是我需要更改没有主题变量的东西，比如步骤头(已完成的步骤图标，数字外观)。和步进连接器(外观，尺寸。等等)。
我对角/星云组件有点陌生，所以我不知道如何自定义预先制作的组件的scss/html模板，有人能帮我吗？
浏览 14提问于2022-01-19得票数 0
回答已采纳
我是新来的，还有其他详细的关于星云的文档吗？
我已经尝试过在模块中插入一个组件。
我用侧边栏模块制作了一个侧栏组件。
App.module
import { BrowserModule } from '@angular/platform-browser';<br>
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './a
浏览 0提问于2019-05-24得票数 1
回答已采纳
1回答
我有一个新生成的angular 10项目。我从akveo添加了Angular星云主题，但是angular不能识别这些主题。 我从akveos页面复制了一个卡片的代码示例，但它只显示为文本。我没有得到任何错误或任何东西。 这是我在opnion中的代码，我在正确的地方添加了我需要的所有东西，但也许我错了。如果有人能看一下就好了。 Angular.json： ],
"styles": [
"apps/moniesta-admin/src/styles.scss",
"node_
浏览 16提问于2020-10-23得票数 0
我在下面的导入中遇到语法错误。有谁能告诉我怎么解决这个问题吗？ All imports in import declaration are unused.ts(6192) 模块‘“../../Users/denisputnam/git/nb-niche-app/node_modules/@nebular/theme”’没有导出的成员“NbSortDirection”。你是说'NbLayoutDirection‘吗?ts(2724) direction.service.d.ts(6，21)：这里声明了’NbLayoutDirection‘。 import { NbSortDirecti
浏览 96提问于2019-03-11得票数 0
回答已采纳
4回答
我使用ng new设置了一个项目，然后按照说明将nebular添加到现有的应用程序中。我默认使用的是宇宙。这产生了以下文件。因此，当我在NbThemeModule.forRoot()中将主题设置为cosmic或default时，它可以工作，但'corporate‘不行。由此产生的屏幕在顶部被全部粉碎在一起。 谁能告诉我，我需要做些什么才能让“公司”正常运作？如果你知道任何关于nebular主题的好的教程，那将是很好的。我完全不知所措。 app.module.ts： import { BrowserModule } from '@angular/platform-bro
浏览 38提问于2019-02-18得票数 2
按照他们网站上的教程，我第一次尝试Nebular。我通过安装angular CLI创建了一个新的Angular项目。这不是我的第一个Angular项目，Angular似乎工作正常。然后我尝试用Nabular添加
sudo ng add @nebular/theme
安装似乎工作正常，但随后我得到：
Cannot find module @angular-devkit/core/src/terminal
Require stack:
- node_modules/@nebular/theme/schematics/ng-add/register-modules/index.js
- n
浏览 1提问于2020-11-12得票数 4
1回答
我按照创建了一个星云页面，但是它会引发多个错误，如下所示：
01: 'nb-sidebar' is not a known element:
1. If 'nb-sidebar' is an Angular component, then verify that it is part of this module.
2. If 'nb-sidebar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas
浏览 2提问于2020-10-08得票数 1
回答已采纳
1回答
我们正在尝试在我们的新的angular项目中集成nebular/auth(已经添加了nebular/主题)来实现配置Google Oauth2。HttpClientModule也是在AppModule的imports数组中配置的。 在实现配置谷歌Oauth2身份验证机制的新语言(Angualar 8.2.9)中集成new /auth模块时出现上述错误。 AppModule.ts import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/co
浏览 19提问于2019-10-09得票数 1
如果我按照安装过程在styles.scss中包含以下注释代码(即//@import‘~@nebular/auth/ error.How /all’；和//@include nb global()；)，我将得到以下要解决的error.How
@import 'themes';
@import '~@nebular/theme/styles/globals';
**//@import '~@nebular/auth/styles/all';**
@include nb-install() {
@include nb-the
浏览 0提问于2019-02-20得票数 0
1回答
我刚刚在上在线浏览了一个Range4.0组件，基本上就是标题组件，如下所示：
<div class="header-container"
[class.left]="position === 'normal'"
[class.right]="position === 'inverse'">
<div class="logo-containter">
<a (click)="toggleSidebar()" href=
浏览 2提问于2017-11-03得票数 0
回答已采纳
我想改变星云旋转的背景颜色，我正在写下面的代码，但它不工作， @import "~@nebular/theme/styles/theming";
@import "~@nebular/theme/styles/themes/default";
$nb-themes: nb-register-theme((
spinner-primary-background-color: white,
), default, default ); 我按照这篇文档修改了星云主题变量Enable Customizable Theme 有关于如何做的帮助吗？我是否遗漏
浏览 20提问于2020-09-21得票数 0
1回答
输入文本框使用的是Nebular。我一直收到这个控制台错误。 NbInput:不推荐使用空字符串作为状态。请改用basic。有什么办法解决这个问题吗？ https://akveo.github.io/nebular/
浏览 11提问于2020-12-04得票数 0
我正在使用ngx-admin-module，，并试图创建额外的测试页面与智能表在它。此测试页的链接将显示在电子商务和物联网仪表板下方。我还修改了pages-menu.ts、pages-routing.module.ts和pages.module.ts以引用新的测试页面。
我的test.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'test-card',
templateUrl: './test.component.html'
浏览 10提问于2021-01-25得票数 0
我用“尝试”做一个角度上的Dialog。通过使用nebular。单击“contact组件在何处”按钮时，我希望打开contact-list组件。但这是一个错误堡垒。
ContactListComponent.html:1 ERROR Error: No component factory found for ContactComponent. Did you add it to @NgModule.entryComponents?
我该怎么做才好呢。
contact-list.component.html
<nb-card>
<nb-card-header>
浏览 1提问于2019-04-30得票数 0
我做了一个常规的npm从4.0安装到5.0，但这种情况一直发生-错误TS1086:不能在环境上下文中声明访问器。
35设置disabled(val: boolean)；../node_modules/@nebular/theme/components/accordion/accordion.component.d.ts:71:9 -错误TS1086:不能在环境上下文中声明访问器。
71 get multi()：boolean；~ ../node_modules/@nebular/theme/components/accordion/accordion.component.d.ts:72:9 -
浏览 1提问于2020-04-14得票数 3
1回答
我正在尝试创建一个带有角度7和星云的网络应用程序。
因此，我使用原理图来安装Nebular：ng add @nebular/theme
因此，我的node_modules中确实包含了星云图标，并将其作为依赖项包含在package.json中：
"dependencies": {
...
"nebular-icons": "^1.1.0",
...
},
我还试图在angular.json中的样式中添加星云图标：
"styles": [
"src/styles.scss",
浏览 1提问于2019-03-26得票数 1
1回答
我想要更改nbspinner的背景颜色。我已经尝试了nb主题变量，但它对我不起作用。
@import "~@nebular/theme/styles/theming";
@import "~@nebular/theme/styles/themes/default";
$nb-themes: nb-register-theme(
(
background-color: red,
),
default
);
浏览 2提问于2020-09-16得票数 0
假设我需要更改Nebular/NGX-admin组件的行为或CSS样式。我该怎么做？到目前为止，我所做的是直接在node_modules/@nebular中更改模块，但我不确定这是不是最佳实践。有解决办法吗？
浏览 10提问于2019-05-07得票数 0
2回答
无法单击星云主题角度的nb复选框
、、、、
我是新手，不熟悉星云主题。我有一个复选框，但它不工作。
HTML
<nb-checkbox [value]="checked" (change)="toggle($event)"></nb-checkbox>
TypeScript
toggle(checked: any) {
this.checked = checked.target.checked;
}
Module.ts
//import
import { NbCheckboxModule } from '@nebular/theme';
i
浏览 3提问于2019-11-22得票数 1
我正试图在我的工作中实现星云，所以我正在遵循星云教程进行锻炼。
我安装了星云。它在<nb-layout> <nb-header>中运行良好，但是当我使用<nb-actions>或<nb-menu>时，它会抛出以下错误
compiler.js:1021 Uncaught Error: Template parse errors:
'nb-action' is not a known element:
1. If 'nb-action' is an Angular component, then verify that
浏览 0提问于2018-09-08得票数 1
回答已采纳
1回答
我使用的是angular5，在执行npm start或serve时出现了“No mixin named nb-install”错误 Module build failed:
undefined
^
No mixin named nb-install
Backtrace:
stdin:13
in E:\mrb_bugfixes\bottledepot\src\app\@theme\styles\styles.scss (line 13, column 10) 下面是我正在执行的名为'styles.scss‘的文件 @import
浏览 16提问于2019-04-12得票数 0
回答已采纳
我正在尝试将基于ngx admin的项目从angular 8升级到9。我遵循angular.io指南，也遵循指南建议的步骤： "If you are a library author and you had a method returning ModuleWithProviders (typically via a method named forRoot()), you will need to specify the generic type. Learn more angular.io" 然后，我将所有nebular组件升级到版本5.0.0。然后我升级ng2-smar
浏览 82提问于2020-03-28得票数 1
2回答
我正在使用Nebular主题组件，并希望通过单击按钮手动激活特定的选项卡。我在他们的文档里找不到任何信息
<nb-tabset>
<nb-tab tabTitle="Search">xxxx</ng-tab>
<nb-tab tabTitle="Add">yyyyy</ng-tab>
</nb-tabset>
<button (click)="ActivateTabAdd()">Add</button>
感谢您的帮助。谢谢
浏览 0提问于2018-10-24得票数 4
这是我的role.provider.ts： import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { map } from 'rxjs/operators/map';
import { NbAuthService, NbAuthJWTToken } from '@nebular/auth';
import { NbRoleProvider } from '@nebular/secu
浏览 29提问于2020-10-07得票数 0
回答已采纳
我是新手，所以当我安装@ Nebular /theme 3.6.1版本时，NbAccordionModule模块就会丢失。我想知道如何使用手风琴组件？ 我检查了链接https://akveo.github.io/nebular/3.6.1/docs/components/accordion/overview#nbaccordioncomponent，那里应该有NbAccordionModule模块。 如果任何人已经面临或解决了同样的问题，我将感谢您的回答。谢谢
浏览 8提问于2019-07-02得票数 0
我试图在我的角8项目中实现星云TimePicker组件，并且我遵循了这里提到的星云文档：
但是他们没有提到如何将时间选择器模块导入到我的项目中？
import 'NbTimepickerModule' from '@nebular/theme';
但是，这个错误引发了：
模块“././node_node/@nebular/node”没有导出成员‘NbTimepickerModule’。你是说“NbDatepickerModule”吗？
提前感谢
浏览 0提问于2020-11-23得票数 0
回答已采纳
我正在尝试使用nebular，与文档中的完全一样，但在logincomponent中，不同的是我扩展了nebular组件。但是这段代码给了我一个错误
export class LoginComponent extends NbLoginComponent implements OnDestroy {
public user: SocialUser;
private loggedIn: boolean;
constructor(service: NbAuthService,options: {},cd: ChangeDetectorRef, router: Router) {
浏览 0提问于2020-03-13得票数 0
1回答
我在我的angular应用程序中使用Nebular，并希望在主页组件中嵌套一个header组件。由于默认情况下该属性占据了整个页面，因此我的组件是两个完全大小的屏幕叠加在一起。如何在其他组件中正确地嵌套Nebular组件？
我尝试从header组件中删除属性，然后在home组件中的属性下面嵌套，但是header不显示在home组件中。找不到一个有效的解决方案。
这是我目前所拥有的(一切正常，但是home组件在home组件的其余部分上面显示一个完整大小的窗口)：
// Header Component / <app-header>
<nb-layout>
<nb-l
浏览 0提问于2020-04-20得票数 0
1回答
对于使用IPFS的Orbitdb，可能有一些额外的依赖项，这些依赖项在任何地方都没有特别提到。我尝试从文档中创建一个简单的键值db： orbit.js const IPFS = require("ipfs");
const OrbitDB = require("orbit-db");
const ipfsOptions = {
EXPERIMENTAL: {
pubsub: true
}
};
const ipfs = await IPFS.create(ipfsOptions);
c
浏览 8提问于2020-06-26得票数 0
1回答
我试图通过在我的theme.scss文件中设置相应的变量来覆盖公司主题变量(nb-action颜色)。 如下所示： @import '~@nebular/theme/styles/theming';
@import '~@nebular/theme/styles/themes/corporate';
$theme: ( actions-fg:#000000, actions-bg: #000000, actions-separator: #000000, color-fg: #000000, );
$nb-themes: nb-register-theme((
浏览 12提问于2019-03-10得票数 3
2回答
我遵循文档并配置连接字体包。
constructor(
private _iconLibraries: NbIconLibraries
) {
this._iconLibraries.registerFontPack('material-icons', {
ligature: true,
});
在我的app.module.ts中，我有这样的进口
imports: [
NbEvaIconsModule,
NbIconModule,
MatIconModule,
...
]
我的组件里有这个：
<nb-icon icon=
浏览 15提问于2022-03-14得票数 0
回答已采纳
我使用的是一个星云前端和一个后端。 我使用了一个类似"https://domain/subpath/"“的子路径，它是我在index.html <base href="/subpath/">中引用的 现在我遇到了一个问题，nebular auth后端api没有获取基本的href。它尝试加载"https://domain/api/v1/auth/login“而不是"https://domain/subpath/api/v1/auth/login” 我找不到为auth api设置子路径的选项。
浏览 11提问于2020-12-10得票数 0
3回答
提高转角app的船坞建造速度
、、、、
我已经建立了一个使用Docker的角度开发工作流。然而，构建对接和服务角应用程序有点慢，大约需要7分钟(考虑到所有的基本图像预先下载)。
./package.json:
{
"scripts": {
"ng": "ng",
"docker-serve-dev": "docker-compose -f docker-compose.development.yml up --build",
},
"dependencies": {
"@agm/core"
浏览 1提问于2019-03-02得票数 3
回答已采纳
我试图遵循Nebular提供的，但仍然无法让它工作。我使用的是来自@nebular/auth的默认@nebular/auth，在app.module.ts上导入了NbAuthModule，当“登录”按钮出现时会激活API上的一个断点。
我在浏览器控制台上放了一行来记录HttpResponse，它显示了中记录的信息。
但是NbLoginComponent仍然显示了这样的信息：“噢，砰！出了点问题。”并且不会重定向到成功时配置的'/'。
app.module.ts：
import { APP_BASE_HREF } from '@angular/common';
浏览 0提问于2018-04-25得票数 0
回答已采纳
我使用的是Akveo/Nebular主题，我有一个NBDialog元素，我可以在文档中看到属性closeOnBackdropClick存在(当用户在模式之外单击时，对话框关闭/不是)，我想要使用。 文档por NBDialog https://akveo.github.io/nebular/docs/components/dialog/overview#nbdialogservice 我试着放入closeOnBackdropClick=false，但不起作用，系统找不到属性。此外，在文档中我可以看到属性hasBackdrop，但在我的代码中使用名称backdrop this.activeMo
浏览 18提问于2018-12-28得票数 1
我正在尝试运行我的应用程序，但我得到了这个错误。我尝试了一些我在互联网上找到的解决方案，比如卸载angular/cli，重新安装它，检查我的package.json中的版本是否正确，它是否是@angular/cli，而不是devDependencies中的@angular-cli，以及其他一些东西，比如卸载和安装npm，删除节点模块并重新安装，但前面的方法都没有解决我的问题……这是我的package.json
{
"name": "techlog-admin",
"version": "3.2.1",
"
浏览 1提问于2019-07-30得票数 4
1回答
我有一个用ionic1制作的应用程序，我的应用程序包含一个名为menu.html的模板，它包含一个<ion-side-menus>，它与我的其他模板和视图一起加载。问题是，我希望$scope中的变量可以在模板menu.html中直接看到，这取决于当前加载的驱动程序。
例如，在我的控制器实际中有：
$scope.title="hello";
在menu.html中
{{title}} (should be display "hello")
但是我的$scope变量没有在menu.html中显示--如果我添加ng-controller = "my
浏览 1提问于2018-05-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
