我正在尝试运行 apm-server 使用 apm-agent 从基于 java 的应用程序收集并发送给 Elasticsearch。 这是我的撰写文件： 服务： 订单服务： 图片：apm-java/order-service:1.0.0 ...
}> } /> <SideBar /> <Routes> <Route path='/' element={<Body />}> <Route path='/' element={<Home />} /> <Route path='setting' element={<Setting />} /> </Route> <Route path='/service' element={<ServiceLayout />}> <Route path='/service' element={<Service />} /> </Route> </Routes> <Article /> </div> 我不想在服务组件中渲染文章组件。我怎么做？请帮助我。 Article组件无条件在路由内容下渲染。 <div className='App'> <SideBar /> <Routes> <Route element={<Body />}> <Route path='/' element={<Home />} /> <Route path='setting' element={<Setting />} /> </Route> <Route path='/service' element={<ServiceLayout />}> <Route index element={<Service />} /> </Route> </Routes> <Article /> // <-- always rendered! </div> 简单的解决方案就是从 JSX 中删除 Article： <div className='App'> <SideBar /> <Routes> <Route element={<Body />}> <Route path='/' element={<Home />} /> <Route path='setting' element={<Setting />} /> </Route> <Route path='/service' element={<ServiceLayout />}> <Route index element={<Service />} /> </Route> </Routes> {/* <Article /> removed */} </div> 但这可能不是您真正想要的。另一种选择是有条件地在路线上渲染它。 示例： <div className='App'> <SideBar /> <Routes> <Route element={<Body />}> <Route path='/' element={<Home />} /> <Route path='setting' element={<Setting />} /> </Route> <Route path='service' element={<ServiceLayout />}> <Route index element={<Service />} /> </Route> </Routes> <Route path='article' element={<Article /> } /> // <-- only on "/article" path </div>
我有一个常规bean，它是（a）@Scope（“request”）或（b）通过过滤器/拦截器放置在HttpServletRequest中。 如何在@Service 中访问这个bean，这是一种应用程序......
假设我有一个名为 User-Service 的微服务，它只处理用户相关的数据，它存储在 PG 中，同时我有一个 Car-Service，它只处理与汽车相关的数据，我...
界面： 公共接口注册服务 实现类： @服务 公共类 RegistrationServiceImpl 实现 RegistrationService{ @Autowired 注册服务
Velocity 在 Spring Boot 中找不到模板资源
我使用 Velocity 模板引擎在我的 Spring boot 应用程序中使用电子邮件模板发送电子邮件实用程序。 当前的代码如下所示。 pom.xml： 我正在使用 Velocity 模板引擎在我的 Spring boot 应用程序中使用电子邮件模板发送电子邮件实用程序。 当前代码如下所示。 pom.xml： <dependency> <groupId>org.apache.velocity</groupId> <artifactId>velocity</artifactId> <version>1.7</version> </dependency> <dependency> <groupId>org.apache.velocity</groupId> <artifactId>velocity-tools</artifactId> <version>2.0</version> </dependency> 速度引擎 bean 配置： @Configuration public class VelocityConfig { @Bean public VelocityEngine velocityEngine() { VelocityEngine ve = new VelocityEngine(); ve.setProperty(RuntimeConstants.RESOURCE_LOADER, "classpath"); ve.setProperty("classpath.resource.loader.class", ClasspathResourceLoader.class.getName()); ve.init(); return ve; } } 电子邮件模板放置在 src/main/resources/email-templates/summary-email.vm <!DOCTYPE html> <head> <title>Summary</title> </head> <body> <h1>Claims Summary</h1> </body> </html> 放置在以下目录中： src ├── main │ ├── java │ │ └── com │ │ └── packageNameioot │ │ └── SpringBootApplication.java │ ├── resources │ │ ├── email-templates │ │ │ └── summary-email.vm │ │ └── application.properties 使用模板发送电子邮件的服务类： @Slf4j @Service @RequiredArgsConstructor public class EmailSummaryService { private final EmailConnector connector; private final VelocityEngine velocityEngine; public Mono<Void> sendFinanceClaimsRunEmailSummary(FinancePeriodRunEntity periodRunEntity, int successCount, int errorCount) { EmailDto emailDto = EmailDto.builder() .recipients(Set.of("[email protected]")) .subject("Claims summary") .body(createEmailBody()) .html(true) .build(); return connector.submitEmailRequest(emailDto); } private String createEmailBody() { VelocityContext context = new VelocityContext(); Template template = velocityEngine.getTemplate("email-templates/summary-email.vm"); StringWriter writer = new StringWriter(); template.merge(context, writer); return writer.toString(); } } 但是Velocity无法定位模板，出现以下错误。 ERROR velocity:96 - ResourceManager : unable to find resource 'email-templates/summary-email.vm' in any resource loader. org.apache.velocity.exception.ResourceNotFoundException: Unable to find resource 'email-templates/summary-email.vm' 属性应该这样设置： VelocityEngine ve = new VelocityEngine(); ve.setProperty(RuntimeConstants.RESOURCE_LOADER, "classpath"); ve.setProperty("resource.loader.classpath.class", ClasspathResourceLoader.class.getName()); 根据 Apache Velocity Engine 文档。
我在selenium 4.16.0，chrome-120.0.6099.217中使用了上面的代码 从 selenium.webdriver.edge.service 导入服务 service_obj = 服务() 驱动程序 = webdriver.Chrome(service=service_obj) 司机....
我将 Jitsi Flutter 插件与 8x8 的 Jitsi-as-a-Service 产品结合使用，将视频通话集成到我的移动应用程序中。 加入会议后，通话立即结束，Jitsi c...
使用包装器时从非函数组件调用 React-Redux 调度函数
我有一个 React-Redux 存储，它包装在 next-redux-wrapper 中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有办法导入吗
使用包装器时从非功能组件调用 React-Redux Dispatch 函数
我确实有一个react redux store，它包装在next-redux-wrapper中。我想在 React 组件之外调度一个函数，但由于包装器的原因我无法这样做。有没有办法让我...
关于微软针对 azure 应用程序服务的声明，摘自此处 https://learn.microsoft.com/en-us/azure/app-service/manage-disaster-recovery “从 2025 年 3 月 31 日开始，Azure ...
如何使用 vitest 和 vue-test-utils 测试 Vuetify 3 select？
我在表单中有一个 v-select，我想用 vitest 和 vue-test-utils 进行测试。 我在表单中有一个 v-select，我想用 vitest 和 vue-test-utils 进行测试。 <v-select clearable :items="models" item-value="id" item-text="name" ref="model-select" required="true" v-model="selectedModel" ></v-select> 我尝试用我在here找到的两种方法来测试它。带注释的代码是一种方法，未注释的代码是第二种方法。 test('it fills the form', async () => { models = [ { id: '1', name: 'foo', }, { id: '2', name: 'bar', }, ]; await nextTick(); // const select = wrapper?.findComponent({ref: 'model-select'}); // expect(select?.exists()).toBeTruthy(); // select?.vm.selectItem('foo'); // await nextTick(); wrapper?.find('[data-testid="model-select"]').trigger('click'); await nextTick(); wrapper?.find('.menuable__content__active')?.findAll('.v-list-item')?.at(0)?.trigger('click'); await nextTick(); }); 我似乎找不到正确的解决方案，DOM 包装器要么不知道选择项目的方法（第一种方法），要么是空的，因为它找不到 vuetify 选择菜单（第二种方法） 有人遇到同样的问题并找到适合我使用的软件包的解决方案吗？ 我找到了答案。您无法访问底层 html 的值，而是访问组件实例并获取值 import { mount } from '@vue/test-utils' describe('my test', () => { wrapper = mount(MySelect) test('it fills the form', async () => { models = [ { id: '1', name: 'foo' },{ id: '2', name: 'bar',}, ]; const component = wrapper.findComponent('[data-testid="model-select"]') await component.setValue(models[0]) console.log('new value', component.vm.modelValue) }) 我花了几天时间尝试解决同样的错误。我希望我有所帮助。 问候！
Azure App Service Plan 也是安全边界吗？
我知道Azure应用程序服务计划主要是一种为一组Azure应用程序服务配置资源（vCPU、RAM等）的方法。但这也是安全边界吗？ 换句话说，如果我主持两个
我在我的角度应用程序中使用角度材料2。当我的表单输入字段错误消息超过一行时，我遇到了问题。这是照片： 这是代码： 我在我的角度应用程序中使用角度材料 2。当我的表单输入字段错误消息超过一行时，我遇到了问题。这是照片： 这是代码： <md-error *ngIf="password.touched && password.invalid"> <span *ngIf="password.errors.required"> {{'PASSWORD_RECOVERY.FIELD_REQUIRED' | translate}} </span> <span *ngIf="password.errors.minlength || password.errors.maxlength"> {{'PASSWORD_RECOVERY.PASSWORD_LENGTH' | translate}} </span> <span *ngIf="password.errors.pattern"> {{'PASSWORD_RECOVERY.FOR_A_SECURE_PASSWORD' | translate}} </span> </md-error> 我通过阅读 github 了解到，这是 Angular 2 材料中的一个错误。有人通过自定义解决方法成功解决了这个问题吗？ 问题是类为 .mat-form-field-subscript-wrapper 的元素是 position: absolute，所以它不占用实际空间。 按照 xumepadismal 在 github 上关于此问题的建议，您可以添加此 scss 作为解决我的问题的解决方法： // Workaround for https://github.com/angular/material2/issues/4580. mat-form-field .mat-form-field { &-underline { position: relative; bottom: auto; } &-subscript-wrapper { position: static; } } 它会转换静态 div 中的 .mat-form-field-subscript-wrapper 节点，并将 .mat-form-field-unterline 重新定位在输入字段之后。 正如材料 15 中在 github 讨论中提到的，可以通过将 subscriptSizing="dynamic" 添加到 mat-form-field 来解决问题。 要更改默认行为，您必须使用以下选项更新 angular.module.ts 提供程序： providers: [ { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { subscriptSizing: 'dynamic' } } ] 这也可以在材料文档中找到 使用@mattia.corci提出的解决方案会导致错误消息被推到底部太多，从而在顶部留下不必要的空白空间。 使用 Tailwind CSS，这个解决方案对我来说适用于最新的 Angular 17： .mat-mdc-form-field { @apply w-full self-start; .mat-mdc-form-field-subscript-wrapper { @apply flex; .mat-mdc-form-field-error-wrapper { @apply static; } } } mat-form-field.ng-invalid.ng-touched { animation: example; animation-duration: 0.3s; margin-bottom: 20px; } @keyframes example { from { margin-bottom: 0; } to { margin-bottom: 20px; } } 它对我有用。
我花了整个上午尝试在 Apache Tomcat 服务器下运行的 SOLR 安装上设置多个核心，但没有成功。我的 solr.xml 如下所示： 我花了整个上午尝试在 Apache Tomcat 服务器下运行的 SOLR 安装上设置多个核心，但没有成功。我的 solr.xml 看起来像这样： <solr persistent="false" sharedLib="lib"> <cores adminPath="/admin/cores"> <core name="core0" instanceDir="/multicore/core0"> <property name="dataDir" value="/multicore/core0/data" /> </core> <core name="core1" instanceDir="/multicore/core1"> <property name="dataDir" value="/multicore/core1/data" /> </core> </cores> </solr> 正确的目录结构是什么？我需要更改 solrconfig.xml 中的某些内容吗？ 检查您的instanceDir值是否相对于-Dsolr.solr.home。如果 -Dsolr.solr.home 是“多核”，那么您的 instanceDir 应该只是“core0”。 如果将数据文件夹放在instanceDir中，则不必指定其路径： <?xml version='1.0' encoding='UTF-8'?> <solr persistent="true"> <cores adminPath="/admin/cores"> <core name="core0" instanceDir="core0" /> <core name="core1" instanceDir="core1" /> </cores> </solr> 您不必在 solrconfig.xml 中设置任何内容。但如果您需要独立于核心位置配置处理程序，则可以使用变量 ${solr.core.instanceDir}。 更新 要使用 Tomcat 设置 solr.solr.home 变量，请在启动 Tomcat 之前使用 JAVA_OPTS 环境变量： JAVA_OPTS="-Dsolr.solr.home=multicore" export JAVA_OPTS tomcat/bin/catalina.sh start 确保相对于工作目录正确设置“多核”。例如，如果 solr.solr.home='multicore'，则必须从“multicore”所在的目录启动 Tomcat。 这有点晚了，但我刚刚发布了一篇博客文章，其中包含 Tomcat 上多核 SOLR 实例的说明，内容如下： 下载并安装32位/64位Windows服务 Tomcat 安装程序 在服务器上安装 Tomcat（无 这里有特别说明——只需运行安装并安装到任何地方 你希望） 通过访问 http://localhost:8080 验证 Tomcat 的安装 编辑 Tomcat conf/server.xml 并将 URIEncoding="UTF-8" 添加到 元素如下所示 下载 SOLR 来自此处找到的镜像之一（下载了 apache-solr-1.4.1.zip 包）并解压包 创建SOLR目录 将由（在我的例子中我使用 e:\inetpub\solr）托管 复制 将 example\solr 目录的内容添加到您的 SOLR 主机目录（在我的例子中为 e:\inetpub\solr） 创建 您的每个核心的 SOLR 主机目录下的目录 希望创建（我为每个我想要的核心创建了十几个文件夹 在 e:\inetpub\solr 目录中创建。目录 包括 en-US、en-CA、en-GB 等） 复制 solr.xml 文件来自 example\multicore 目录并将其粘贴到您的 SOLR 主机目录（在我的示例中为 e:\inetpub\solr） 编辑 solr.xml 文件包含每个的信息 您创建的核心的数量（如果您在主机下创建了一个文件夹） 名为 en-US 的核心，然后在 solr.xml 文件中的 元素： ） 停止 Tomcat 服务 复制 *solr*.war 文件 解压后的SOLR包中的dist目录 到您的 Tomcat webapps 文件夹 重命名 *solr*.war 文件转换为 solr.war 在 Windows 任务栏右侧的通知区域中，右键单击 Apache Tomcat 7 图标并选择 配置 单击Java 选项卡并将以下内容添加到 Java Options 文本中 框：-Dsolr.solr.home=e:\inetpub\solr（更改 e:\inetpub\solr 到托管 SOLR 的任何位置） 单击 对话框中OK，然后启动Tomcat service 打开 conf\solrconfig.xml 文件 在您创建的每个核心下并更改 dataDir 元素指向特定的 目录。如果此步骤未完成，您的所有核心都会 对他们的数据使用相同的数据存储。 停止并 重新启动 Tomcat 服务 测试您的核心是否正在运行 通过从网络浏览器运行查询http://localhost:8080/solr/en-US/select?q=*:*（替换 “en-US”与您为核心之一命名的任何内容）
我尝试在cmd中执行Java程序，但使用“java”运行程序时出现错误
我可以在VS code中成功运行程序： 在 VS Code 中运行 命令： /usr/bin/env /usr/lib/jvm/java-17-openjdk-amd64/bin/java -XX:+ShowCodeDetailsInExceptionMessages -cp /home/bignosecss/.vscode-...
在我的 Home.js 中我有以下代码 从“反应”导入反应； 导入'./Home.css'; 常量文本变体 = {...} 常量主页 = () => { 返回 （ ... 在我的 Home.js 中，我有以下代码 import React from 'react'; import './Home.css'; const textVariants = {...} const Home = () => { return ( <div id='home' className='page'> <motion.div className='text-wrapper' variants={textVariants} initial='initial' animate='animate'> <motion.div className='text-container' variants={textVariants}> <motion.h1 variants={textVariants}>NAME</motion.h1> <motion.h2 variants={textVariants}>An enthusiatic university student</motion.h2> </motion.div> </div> ); }; export default Home; 在 Home.css 中， .text-wrapper { max-width: 1366px; height: 100%; } .text-container { height: 100%; width: 50%; padding-left: 10%; h1 { letter-spacing: 10px; font-size: 50px; margin-bottom: -5%; } h2 { font-size: 80px; } } 我有 About.js 和 About.css 以及以下内容， import './About.css'; const About = () => { return ( <div id='about' className='page'> <div className='text-container'> <h1>About Me</h1> </div> </div> ); }; 但是 About.js 应用了 Home.css 中的内容，即 .text-container。我该如何避免这种情况？我不知道为什么 Home.css 被应用到 About.js 即使我没有导入它。 在React js中，任何根组件中导入的css文件适用于整个项目。 css 类可以在项目层次结构中的任何位置访问。 我们无法避免这种情况，因为文件被应用于根目录。您必须为不同的组件使用特定的类名称。 专业提示：创建可重用的组件，以便您可以将相同的类应用于每个相同的组件..
我正在尝试创建 VertexAi Java 聊天语言模型对象来为 Java 应用程序生成聊天响应 VertexAiChatModel 类接受以下参数 ChatLanguageModel chatMod...
是否有可能限制Java接口的适用性？换句话说，如果我有一个类 A 和一个 Java 接口 I：是否可以强制执行，I 的实例也是 A 的实例...
driver.startActivity()函数有替代方法吗？
我正在使用Appium 2.2.3、Java JDK 17.05、Appium Java Client 9.0.0、TestNG 7.8.0。我正在尝试运行下面的代码并收到 java 空指针异常。试图寻找替代方案 活动...
假设我开始一个新的Flink Java项目，如果我寻找“稳定的Flink Java生产体验”，我应该使用哪个版本？官方文档说可以支持...
大家好，目前我正计划将具有 spring 版本 4.0.6 和 java 8 的独立 spring 应用程序迁移到具有 java 11 的 Spring boot 应用程序。所以，继续使用 spring boot
该项目曾经在 Java 8 和 NetBeans 8 中运行，但在将我的项目升级为使用 Java 19 和 NetBeans 16 后，我现在看到此错误： 线程“AWT-EventQueue-0”本地异常中的异常...
我有一个java源文件夹，我希望将其从编译中排除。 我的文件夹位于 qa/apitests/src/main/java/api/test/omi 下。 我在 qa/bamtests 下的 pom.xml 中添加了以下条目...
通过命令行（Windows）执行Java程序与Eclipse
我有一个java程序，位于/workspace文件夹中。在 /workspace 文件夹下，我有一个 /src/appFolder，其中包含 15 个 .java 文件和 /lib，其中包含 19 个 .jar 文件，我包括...
如何使用 Java 17、Spring 6、Jakarta Server Faces 4.x 和 PrimeFaces 12 检索 FacesContext？
我正在尝试将我的 JSF + PrimeFaces (UI) + Spring 应用程序从 Java 8 迁移到 Java 17，同时还将 Spring 版本迁移到 6。 为此，需要从 javax 库移出...
ASP.NET MVC 项目模板在移动设备上无法调整为 100%
我不明白为什么 Web .Net MVC 项目上的默认模板没有在移动设备中调整为 100% 宽度。 我在视图上使用数据表： @模型IEnumerable 我不明白为什么 Web .Net MVC 项目上的默认模板没有在移动设备中调整为 100% 宽度。 我在视图上使用数据表： @model IEnumerable<iziConference.Models.EventAttendee> <h2>Participantes.</h2> <br /> <button><a style="text-decoration: none" href='@Url.Action("Create", new { eventId = ViewBag.EventId })'>Criar Participante</a></button> <button id="at-btn-refresh"> Actualizar</button> <input id="eventId" type="hidden" value="@ViewBag.EventId"> <table id="at-attendees-list" cellpadding="10" border="1" class="row-border stripe"> <thead> <tr> <th>ID</th> <th>Tipo</th> <th>Nome</th> <th>Email</th> <th>Estado </th> </tr> </thead> <tbody> @foreach (var item in Model) { <tr id="[email protected]_Id"> <td style="padding: 5px"> @Html.DisplayFor(modelItem => item.Attendee.Id) </td> <td> @Html.DisplayFor(modelItem => item.AttendeeType) </td> <td> @Html.DisplayFor(modelItem => item.Attendee.Name) </td> <td> @Html.DisplayFor(modelItem => item.Attendee.Email) </td> <td> @if (item.IsActive) { <button id="[email protected]_Id" class="at-btn-active-state active" data-attendee-id="@item.Attendee_Id" data-attendee-name="@item.Attendee.Name" data-active-new-state="false" data-show-confirmation-alert="true">Desactivar</button> } else { <button id="[email protected]_Id" class="at-btn-active-state inactive" data-attendee-id="@item.Attendee_Id" data-attendee-name="@item.Attendee.Name" data-active-new-state="true" data-show-confirmation-alert="true">Activar</button> } </td> </tr> } </tbody> </table> 由脚本加载： var _atteendeesList = "at-attendees-list"; $("#" + _atteendeesList).DataTable({ "paging": false, "info": false, "language": { "search": "Pesquisar:", "info": "Participantes inscritos: _PAGES_" } }); 使用默认的_Layout.cshtml： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>izigo Conference - Gestor de Conteúdos</title> <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <meta name="viewport" content="width=device-width" /> @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr") </head> <body> <header> <div class="content-wrapper"> <section id="login"> @Html.Partial(MVC.Account.Views._LoginPartial) </section> <div style="padding: 10px;"> @if (Request.IsAuthenticated) { <nav> <ul id="menu"> <li>@Html.ActionLink("Home", MVC.Home.Index())</li> <li>@Html.ActionLink("Participantes", MVC.Attendee.Index())</li> <li>@Html.ActionLink("Check-in", MVC.Checkin.Index())</li> </ul> </nav> } </div> </div> </header> <div id="body"> @RenderSection("featured", required: false) <section class="content-wrapper main-content clear-fix"> @RenderBody() </section> </div> <footer style="padding-left: 25px;"> <div class="content-wrapper"> <div class="float-left"> <p>© @DateTime.Now.Year - <a href="https://www.izigo.pt/conference" target="_blank">izigo Conference</a> - <i>Powered by</i><a href="https://www.izigo.pt" target="_blank">izigo.pt</a></p> </div> </div> </footer> @Scripts.Render("~/bundles/jquery", "~/bundles/iziconference") @RenderSection("scripts", required: false) </body> </html> 研究了 dataTables 库的选项后，我找到了一个创建响应式解决方案的选项： 我已经包含了响应表结构和columnDefs的选项，以选择哪些选项在移动设备中保持可见： $("#" + _atteendeesList).DataTable({ "responsive": true, "columnDefs": [ { responsivePriority: 1, targets: 0 }, { responsivePriority: 2, targets: -1 } ], "paging": false, "info": false, "language": { "search": "Pesquisar:", "info": "Participantes inscritos: _PAGES_" } }); 我还必须在捆绑包中包含数据表扩展的 js 和 css 响应式库（可在此处下载：https://datatables.net/download/）： bundles.Add(new ScriptBundle("~/bundles/iziconference").Include( "~/Content/Scripts/datatables.min.js", "~/Content/Scripts/dataTables.responsive.min.js")); // add-on bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/Styles/datatables.min.css", "~/Content/Styles/responsive.dataTables.min.css"));
使用 Java SDK 查询 Kusto 时如何避免“PKIX 路径构建失败”错误？
我正在使用 Java SDK for Kusto（Azure 数据资源管理器）。 com.microsoft.azure.kusto kusto 数据 5.0.3 我是
使用 kotlin/compose 与 java/xml 指南相比
我猜我应该说我对 kotlin 的 compose 很陌生，我只用过 java/xml 的项目，我在这里很困惑。 使用java，我们为每个屏幕提供具有自己的逻辑/设计的片段。这里...
我正在尝试使用 Java 8 在 intelliJ 中运行我的加特林项目。 我知道 VM 选项“AggressiveOpts”在 Java 11 中已被弃用，并在 Java 12 中被删除，但我想知道为什么我会得到这个......
在我的maven项目中依赖于java 8，我希望maven在构建项目时假设相同。但目前我安装的maven正在使用java 21。我如何让它使用java 8进行构建...
Java XML解析：文档（DeferredDocumentImpl）与文档（XMLDocument）在不同环境下的差异
我在 Java 8 中遇到 XML 解析问题，其中相同的代码在生产环境中的行为与较低环境中的行为不同。 这是打印 XML nodeValue 的 Java 代码片段...
ng-bootstrap 滚动间谍在没有高度的情况下无法工作？
我在我的项目中使用 ng-bootstrap [ngbScrollSpy] 指令，如文档中所述，但它不起作用 - 滚动时活动项目不会改变。 我的代码如下： 我在我的项目中使用 ng-bootstrap [ngbScrollSpy] 指令，如文档中所述，但它不起作用 - 滚动时活动项目不会改变。 我的代码如下： <div> <div class="sticky-top"> <ul class="nav menu-sidebar"> <li > <a [ngbScrollSpyItem]="[spy, 'about']">About</a> </li> <li > <a [ngbScrollSpyItem]="spy" fragment="schedule">Schedule</a> </li> <li > <a [ngbScrollSpyItem]="spy" fragment="hotel">Information about the hotel</a> </li> </ul> </div> <div ngbScrollSpy #spy="ngbScrollSpy" > <section ngbScrollSpyFragment="about"> <h3>About</h3> <p>{{some long long text and content}}</p> </section> <section ngbScrollSpyFragment="schedule"> <h3>Schedule</h3> <p>{{some long long text and content}}</p> </section> <section ngbScrollSpyFragment="hotel"> <h3>Information about the hotel</h3> <p>{{some long long text and content}}</p> </section> </div> </div> 我在这个 stackoverflow 问题中看到，我的问题是我没有向我的 div 提供 height，这是事实。 但我的滚动间谍部分遍布整个页面，而不是一个小 div，（导航本身是 sticky-top）。所以我不能给它高度。 我知道有替代方法 - 刷新窗口滚动上的滚动间谍，但我没有找到可以帮助我的正确代码。 你能解决我的问题吗？ 为我提供刷新滚动间谍的代码/给我有关高度的提示/帮助我找到另一个相应的元素。 非常感谢！ 附上 stackblitz 演示的链接 注意：我使用来自 @ng-bootstrap/ng-bootstrap 的 NgbScrollSpy （我想它是非常相似的库） 我做什么： 我将所有内容（包括导航）包装在中 <div class="wrapper" ngbScrollSpy #spy="ngbScrollSpy" rootMargin="2px" [threshold]="1.0" > <div class="sticky-top pt-4 pb-4 bg-white"> ..here the navigation... </div> ..here the sections... <section ngbScrollSpyFragment="about"> </section> //the last I use margin-bottom:2rem; <section ngbScrollSpyFragment="hotel" style="margin-bottom:10rem" </section> </div> 见“门槛”。这表明“更改”活动片段应该可见的百分比（1 是 100%） 包装类 .wrapper{ height:100%; position: absolute; top:0; } 我使用强制链接的类别 //remove all the class for the link a{ color:black; text-decoration:none; padding:8px 16px; } a.custom-active{ color:white; background-color:royalblue } 以及我使用的每个链接 <a [class.custom-active]="spy.active=='about'">About</a> 嗯，问题是如何“滚动到”。 “链接”应该作为链接使用。 第一个是指示“路由器”应该考虑“碎片” 如果我们的组件是独立组件，我们需要使用提供者，provideRouter bootstrapApplication(App, { providers: [ provideRouter([], withInMemoryScrolling({anchorScrolling:'enabled'})), ] }) 然后，我们需要考虑到我们的页面确实没有滚动，div“包装器”是谁拥有滚动。因此，我们订阅 router.events，当事件有“锚点”时，我们滚动“包装器”div constructor(router: Router) { router.events.pipe(filter((e:any) => e.anchor)).subscribe((e: any) => { (document.getElementById('wrapper') as any).scrollTop+= (document.getElementById(e.anchor)?.getBoundingClientRect().top||0) -72; //<--this is the offset }); } 在这个stactblitz中你有一个有效的例子
Java 类在加载到内存之前会加密，在调试或反编译时无法解密
我有一个java类文件，我不想让别人看到源代码。 并且该类需要通过java代码中的类加载器来统治JVM，如下所示： 类 classLoader = Class.forName("
我正在尝试仅使用本地依赖项编译并运行 java grpc 客户端，但出现以下错误： 线程“main”中的异常 java.lang.NoClassDefFoundError: io/netty/channel/
使用sonar gradle插件扫描Java 8 Spring启动项目以获取sonarqube，但它需要java 11
我的项目正在使用java 8和sonarqube插件id'org.sonarqube'版本'2.6.2'。当我使用命令 ./gradlew clean build 构建项目时，它构建得很好。 但是当我尝试运行 ./gradlew sonarqu...
Kafka Java Consumer Client 是单线程的吗
我们正在开始使用 Kafka， 在阅读本文时 - https://docs.confluence.io/kafka-clients/java/current/overview.html - 它似乎暗示客户端是单线程的。 * 由于这个...
在调试失败的 SSL 握手时，如何在文件中捕获 Java 控制台的输出？
我想通过查看 Java 调试输出来调试 java.io.EOFException: SSL 对等点错误关闭。运行应用程序时我看不到 Java 控制台，因此我想存储 SSL 调试日志...
我正在尝试将具有逻辑右移（>>>）（>>>和>>之间的区别）的Java代码翻译为C# Java代码是 返回散列 >>> 24 ^ 散列 & 0xFFFFFF; C...
尝试使用Java Nashorn访问js文件时出现空指针异常
我正在尝试使用Java为HolyC制作一个IDE。我已经使用 Java 开发了一个简单的文本编辑器，因此我使用它作为基础。 显然我计划用于此 IDE 的解释器是
我已经阅读了java中的记录（在JDK 14中引入）。 我喜欢值对象的概念（因为很多 Java 专家很久以前就讨论过这个概念）。 我想知道断言 eq 的决定...
为什么 PDFBox 添加到 IntelliJ Java 中的库和模块后会出现意外错误？
我收到以下错误： /Users/用户名/IdeaProjects/WrestlingProject/src/DataScraper.java:22:41 java：无法访问org.apache.pdfbox.io.RandomAccessRead 组织的类文件。
在所有低级语言中，char 的大小 a 都是 1 个字节。那么为什么 Java 中 char 的大小是 2 个字节呢？
当有多个class文件时，java如何将源代码编译为字节码？
我正在学习java。我想了解这个编译过程是如何完成的。 当只有一个文件时，想象一下 java 编译器如何编译是很简单的。它会逐行编译。拥有怎么样
在java 21运行时使用App Engine实例时如何连接云sql？
我有一个 java ee 8 应用程序，我已将其迁移到 jakarta 10 应用程序。我使用谷歌应用程序引擎标准服务器。我最近将它迁移到 java 17 运行时，它正在连接到 clo...
我是 Java 新手，我问自己为什么要使用 void 关键字，例如： 公共静态无效主（字符串[] args）{ System.out.println("你好，世界！"); } 如果 void 关键字...
我在连接到本地 DynamoDB 实例时遇到一些问题。我通过在命令提示符下运行以下命令来启动服务器： C:\Program Files\Java\jre8 in>java -Djava.library.
是否可以知道Visual Studio Code任务执行的命令？
我正在使用 VS Code 和 Java 扩展包进行 Java 编程。我可以使用“Rebuild All”按钮开始构建我的项目，或者使用“Export Jar.....
Java Apache 在“Content-Disposition:”中设置附加参数
我正在使用 java Apache 5.3.1，我正在尝试使用 XML 发送多部分，并且需要以下“Content-Disposition：”集 - 内容处置：表单数据；名称=“xml”；文件名=...