components 相关问题

统一建模语言中的一个组件“代表系统的模块化部分,它封装了其内容,其表现形式可在其环境中替换。组件根据提供的和所需的接口定义其行为”。组件的最佳示例可以在ActionScript-Flash,Flex sdks中找到。你有UI组件,如按钮,标签,DataGrids,可重复使用的图表,可分发等。

为什么在 Angular 服务中删除期间更新状态不会重新渲染组件?

我有两个组件 todos.services.ts: 从 '@angular/core' 导入 { Injectable } ; 从 '../interfaces/todo-item' 导入 { TodoItem } ; @Injectable({ 提供于: 'root', }) 出口类

回答 1 投票 0

Angular 组件未订阅可观察服务

我有一个 Angular 组件,它应该对服务中的可观察对象发出的更改做出反应,但它似乎没有按预期订阅或做出反应。我是从事前端工作的...

回答 1 投票 0

在不同模块之间共享角度组件

我可以在模块 2 中共享模块 1 的组件并在模块 1 中共享模块 2 的组件吗? 我有两个模块,模块 1 是 copy_role,模块 2 是 allocate_role。 模块 1 copy_role 有两个

回答 2 投票 0

使用 StencilJS 配置组件测试 Cypress?

如何在使用StencilJS框架的项目中使用Cypress配置组件测试? 赛普拉斯:v13 我受到 React 和 Angular 框架的配置示例的启发,但是

回答 1 投票 0

在斯巴达克斯中显示组件内容时出现问题

我正在尝试通过我的 SAP CC 项目实施 Spartacus。我加载了 electronics-spa 默认页面,并且正在其中从头开始创建一个新页面(“testPage1”有一个 ParagraphCompon...

回答 1 投票 0

React TypeError:无法解构属性,因为它未定义

这段代码有什么问题吗? 类 App 扩展了 React.Component { 构造函数(道具){ 超级(道具); 这个.状态={ 姓名: '', 性别: '', 年龄: '', }; }

回答 3 投票 0

如何防止React组件加载后冻结页面?

我正在使用以下库uiwjs/react-json-view,它是典型的查看json的库。问题是我希望它加载一个大的 json。但当它发生时,它会冻结进程中的页面......

回答 1 投票 0

我用的是Preline,在动态页面上,为什么要反复重新初始化?我用的是Next.js;不是应该只需要初始化一次吗?

我正在使用 preline 并在动态页面中,为什么我必须一遍又一遍地重新初始化它。有人建议使用突变观察者,但这感觉不对,我使用的是 nextjs,它不应该是一个水疗中心并且只有 n...

回答 1 投票 0

Blazor .Net Core 8:如何在客户端使用服务器端组件?

我想使用 WASM 的 InteractiveAuto 功能。所以我想在客户端创建我的页面。 但我还想访问可以访问我的 SQL 数据库的服务器端组件。 看来...

回答 1 投票 0

如何在 Blazor 组件中引用本地 JS 模块?

两周前在 Dotnetconf 上,我听说现在可以在 Blazor 组件中包含本地 Javascript 文件。听起来很有趣。我想方法仍然是使用 JSIniterop 和 ref...

回答 3 投票 0

如何通过 for 循环连接星级组件的评级栏标记?

我有 3 种不同产品的评级号码, 我正在尝试渲染他们的评级数的星形 svg 基础。 例如产品A的速率为3,我想渲染star img 3次。 最大...

回答 5 投票 0

以角度方式将点击功能从一个组件传递到另一个组件

我有一个父组件。让我们说;组件1。在其 html 中我添加了以下代码。 横幅 我有一个父组件。让我们说; 组件1。在其 html 中我添加了以下代码。 <div> <router-outlet></router-outlet> </div> <div> <button>Banner</button> </div> 我想将“横幅”按钮单击功能传递到另一个组件中,该组件将通过路由器出口呈现。获取按钮单击功能后,我想在该组件内打开一个弹出窗口。在路由模块中,我添加了如下路径: { path: "parent", component: Component1, }, children: [ { path: 'child', loadChildren: () => import('path').then(m => m.Module2) }] 在这个 Module2 中,我有另一个根组件 Component2。在其 html 中,我添加了监听组件选择器。 组件2 html: <app-component3></app-component3> 仅在 Component3 ts 文件中我想获得横幅点击功能。在听的时候我想打开弹出窗口。如果有人可以提供帮助,那将会很有帮助。 我的理解是,你想要在通过路由分隔的两个组件之间进行通信,解决方案是使用事件总线,我们使用组件a中的主题发出事件,然后在组件c中接收事件。 Stackblitz 演示

回答 1 投票 0

在 React 项目中执行动态组件内容/结构的最佳实践

我目前正在使用 React 创建一个定向网站(没什么大不了的,只是一个大学项目)。目前我正在实现一个待办事项列表,它是一个组件列表......

回答 1 投票 0

Vue 3 导入/解决组件问题

您好,刚接触 Vue,正在通过教程学习。我创建了一个组件 Header.vue 并尝试将其导入到 App.vue。 这是结构: 代码结构 这是App.vue: < 您好,Vue 新手,正在通过教程学习。我创建了一个组件 Header.vue 并尝试将其导入到 App.vue。 这是结构: 代码结构 这是App.vue: <template> <Header /> </template> <script> import Header from "./components/Header.vue"; export default { setup() { return { Header, }; }, }; </script> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Fira Sans", sans-serif; } body { background: #eee; } </style> 这是 Header.vue 组件: <template> <div> <h1>Income Tracker</h1> <div class="total-income">$0</div> </div> </template> <script> export default { }; </script> <style scoped> header { display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; background-color: #313131; border-bottom: 5px solid #ffce00; } header h1 { color: #eee; font-size: 28px; } header .total-income { font-family: "Fira Code", "Fira Sans", sans-serif; background-color: #ffce00; color: #fff; font-size: 20px; font-weight: 900; padding: 5px 10px; min-width: 100px; text-align: center; border-radius: 8px; box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.25); text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); } </style> 我从 App.vue 获取样式,但组件无法解析。在控制台中我收到此错误: 错误信息 我尝试过的是堆栈溢出和基于错误消息文本的谷歌搜索。 要么是我搜索不正确,要么是我目前没有足够的经验来识别导致此问题的问题。 非常感谢有关如何解决此问题的教育。 纯Vue 您需要在components选项中注册组件。 export default { components: { Header, }, }; 请参阅文档。 请注意,在 JavaScript 对象中包含无值条目(例如 Header)是 Header: Header 的 ES6 语法。 script setup 随着 Vue 3 多年来的成熟,使用 Options API 的理由越来越少(存在或保持相关的 Vue 2 代码越来越少)。由于不需要选项 API,script setup 已经占据了主导地位,因为它的样板代码较少。使用script setup时,只需导入组件即可。 <script setup> import Header from "./components/Header.vue"; </script> 你需要使用这样的组件 <template> <header /> </template> <script> import Header from "./components/Header.vue"; export default { components: { "header": Header }, setup() { return { Header, }; }, }; </script> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Fira Sans", sans-serif; } body { background: #eee; } </style> 在 Header.vue 中,将 div 标签替换为 header 标签,因为您在 CSS 中设置 header 标签的样式,而不是 div 标签。 <template> <header> <h1>Income Tracker</h1> <div class="total-income">$0</div> </header> </template>

回答 3 投票 0

TypeScript - 找不到模块“./Message”或其相应的类型声明

我正在尝试创建一个组件(App),该组件导入另一个文件(Message.tsx)中描述的另一个组件(Message)。 我正在 Mac 上学习此 React 教程,使用最新版本的 VS Co...

回答 1 投票 0

TPanel 的类似“后面模糊”效果

我想制作一个具有模糊效果的TPanel,就像Windows 7(Aero)具有的玻璃效果一样。 目标是成为一个视觉组件,显示其背后但模糊的内容,这在......中很常见

回答 1 投票 0

Delphi 7,安装时隐藏已安装的组件

我正在开发 Delphi 7 的组件,并且无需接触 IDE 即可快速安装。我正在根据这个答案制作一个简单的安装程序。 程序 TForm1.Button1Click(发件人:

回答 1 投票 0

Angular 组件继承:@Component 装饰器元数据会继承吗?

我有一个像这样的父组件: @成分({ 模板: ””, 更改检测:ChangeDetectionStrategy.OnPush, }) 导出类 ImYourFather {} 现在我也有两个继承组合了...

回答 1 投票 0

React 组件 - 在开始新的 Promise 之前,等待先前的 Promise 方法 (fetch) 到达其 finally {} 块(使用 AbortController 取消)

我有一个 React 组件,有 3 个按钮,代表用户可以做出的 3 个选择。 如果用户单击一个按钮,然后单击另一个按钮,我会使用 AbortController.signal 取消之前的 HTTP 请求...

回答 1 投票 0

如何在每次表单数据更改时更新表单相关(数据)模型?

我有以下函数,为了更新四个不同输入字段的值: 更新 我的包类定义如下: 类包{ 构造函数(包ID,类型,重量,他...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.