components 相关问题

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

SAP - 在 Spartacus 中显示组件内容时出现问题

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

angular layout components spartacus-storefront

回答 1 投票 0

React.js 纯组件和非纯组件

所以，我正在学习react.js，并正在查看文档，其中他们给出了不纯组件的代码让客人= 0；函数杯() { // 不好：更改预先存在的变量！客人 =

javascript reactjs components

回答 2 投票 0

Blazor 中的表的免费选择过滤器组件（如 Syncfusion）

我正在寻找一个免费组件，例如 Syncfusion for Blazor 中的 Select-Filter。理想情况下，它应该用于表格而不是网格。我有一个 Blazor 服务器应用程序，并有一个从...获取数据的表

datagrid blazor components blazor-server-side syncfusion

回答 1 投票 0

Russell Libby 的管道组件

有谁知道哪里可以下载 Russell Libby 的命名管道成分？我能找到的所有链接都指向 http://home.roadrunner.com/~rllibby/source.html 已经不复存在了。 HMcG

delphi components named-pipes

回答 3 投票 0

插槽无法在没有 Shadow dom 的 html Web 组件上工作

我有一个没有shadow dom的html web组件，我尝试添加一个插槽。由于某种原因它不起作用。我希望它将“Foo bar”切换为“Hello world”，但这并没有......

javascript components slots native-web-component

回答 1 投票 0

为什么我得到的是空白页面，但 React 编译成功？

我不明白为什么运行 npm start 时会出现空白页面。我正在尝试渲染和标签。这是代码：索引.js 从“反应”导入反应；从 'react-dom/c... 导入 ReactDOM

reactjs class components jsx

回答 1 投票 0

在 Inno Setup 准备安装页面上显示自定义组件

我想将我的组件和选定的用户从 ini 文件添加到“准备安装”页面。这可能吗？它应该类似于这个例子：这是我的 ini 文件： [用户] 用户1=

components inno-setup pascalscript

回答 1 投票 0

API调用后如何映射组件？

我在 ReactJs 中使用 Contentful 来获取“blogPost”的 content_type，其中有两个帖子。我可以检索对象并将其存储到变量中，但是当尝试将其映射到

javascript reactjs components jsx contentful

回答 1 投票 0

如何在 React Native 中根据数组内的图像 uri 渲染图像组件？

我有一个图像 URI 数组。 [“文件:///data/user/0/com.app.outlet/cache/react-native-image-crop-picker/22536474236950.png”，“文件:///data/user/0/com. app.outlet/cache/react-native-image-crop-pic...

image react-native components

回答 2 投票 0

NEXT JS 站点元标记未被抓取

我已经建立了一个 NEXT JS 网站，我正在尝试插入元标签，这将使我的帖子例如LinkedIn 和 FB 看起来不错且定制。这是我使用并插入到我的 index.js 网站中的代码：

web-scraping next.js components meta-tags share-open-graph

回答 1 投票 0

创建具有两行表格的可重复 Angular 组件

我有两个组件。第一个代表项目表，第二个代表一个项目。第一个重复第二个很多次。列表组件（应用程序列表）：我有两个组件。第一个代表项目表，第二个代表一个项目。第一个重复第二个很多次。列表组件（app-list）： <table> <tr *ngFor="let item of items" [item]="item" app-item></tr> </table> 项目组件（app-item）： <td> <img src="https://someimage.com/{{item.img}}.jpg"> </td> <td> <h3>{{item.name}}</h3> </td> <td> {{item.description}} </td> 为了使其工作，我必须使用 app-item 组件的属性选择器： @Component({ selector: '[app-item]' }) 这非常有效。现在我想改进它并在每个app-item中添加第二行。我的问题是 tr 标签位于 app-list 组件而不是 app-item 组件中。我认为如果我将其移动到 app-item 组件，我可以添加另一个 tr 并且能够为每个项目显示两行。这就是我所做的。之后，我使用 ng-container 重复 app-list 中的项目，以避免在两行周围添加包装标签： <ng-container *ngFor="let item of items" [item]="item" app-item></ng-container> 这个解决方案不起作用。我收到以下错误： ERROR TypeError: el.setAttribute is not a function at EmulatedEncapsulationDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DefaultDomRenderer2.setAttribute (platform-browser.js:1089) at EmulatedEncapsulationDomRenderer2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.EmulatedEncapsulationDomRenderer2.applyToHost (platform-browser.js:1157) at DomRendererFactory2.push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DomRendererFactory2.createRenderer (platform-browser.js:1015) 您能帮我解决此错误或建议其他实现吗？编辑：解决方案 @Serhiy 建议的更好版本桌子： <table> <app-item *ngFor="let item of items" [item]="item" remove-component-tag></app-item> </table> 指令： import { Directive, ElementRef } from '@angular/core'; @Directive({ selector: '[remove-component-tag]' }) export class RemoveComponentTagDirective { constructor(private el: ElementRef) { let element = el.nativeElement; let children = el.nativeElement.childNodes; setTimeout(()=>{ let reversedChildren = []; children.forEach(child => { reversedChildren.unshift(child); }); reversedChildren.forEach(child => { element.parentNode.insertBefore(child, element.nextSibling); }); element.remove(element); }, 0); } } 出于某种原因，超时是必要的，即使设置为 0 也可以工作。我看不到正确的“角度”方式来做到这一点，但你应该能够使用指令在渲染过程中清除你的html。在此处的评论中看到了这种方法：Angular2：渲染没有包装标签的组件我尝试过，它对我有用：父组件： <table> <div *ngFor="let item of items"> <app-item [item]="item" remove-wrapper></app-item> </div> </table> 子组件： <tr> <td> <img src="https://someimage.com/{{item.img}}.jpg"> </td> <td> <h3>{{item.name}}</h3> </td> <td> {{item.description}} </td> </tr> <tr> <td> <img src="https://someimage.com/{{item.img}}.jpg"> </td> <td> <h3>{{item.name + ' 2'}}</h3> </td> <td> {{item.description + ' 2'}} </td> </tr> 指令： @Directive({ selector: '[remove-wrapper]' }) export class RemoveWrapperDirective { constructor(private el: ElementRef) { let parent = el.nativeElement.parentElement; let children = el.nativeElement.childNodes; setTimeout(()=>{ parent.parentNode.insertBefore(children[1], parent.nextSibling); parent.parentNode.insertBefore(children[0], parent.nextSibling); parent.remove(parent); }, 10); } } 没有超时，它对我来说崩溃了。代码可以改进，但你可以从这里开始。感谢您提供的解决方案。我想对您的代码进行更正，以避免使用 setTimeout 函数。实现指令的 OnInit 接口并将代码从构造函数移动到 ngOnInit 方法将使代码保持干净。 import { Directive, OnInit, ElementRef } from '@angular/core'; @Directive({ selector: '[remove-component-tag]' }) export class RemoveComponentTagDirective implements OnInit{ constructor(private el: ElementRef) { } ngOnInit() { let element = this.el.nativeElement; let children = this.el.nativeElement.childNodes; let reversedChildren = []; children.forEach(child => { reversedChildren.unshift(child); }); reversedChildren.forEach(child => { element.parentNode.insertBefore(child, element.nextSibling); }); element.remove(element); } } 看看 Angular 生命周期钩子使用组件语法而不是指令语法在这里会有帮助吗？代替： <ng-container *ngFor="let item of items" [item]="item" app-item></ng-container> 尝试： <ng-container *ngFor="let item of items"> <app-item [item]="item"></app-item> </ng-container> 另一种选择是申请 :host { display: table-row-group; } 对于 app-item 组件，这使其表现得像 tbody 并且内部行将按预期表现。

html angular components

回答 4 投票 0

如何修改“Force2”组件？

我想请求您帮助我编写我正在编写的代码。我想修改“Force2”组件，要求它在布尔值显示 true 时转换力，并给出一个 f...

components modelica openmodelica

回答 1 投票 0

如果“b-header”是 Angular 组件，则验证它是否是该模块的一部分

我尝试为我的项目建立基础，但我不知道我错过了什么。也许我弄乱了导入/导出，但我不知道在哪里:( 我在 router-outlet 和 b-menu compo 上遇到了同样的问题...

angular typescript module components angular-routing

回答 1 投票 0

React 中从子组件获取组件值

我为表单创建了下拉/查找组件，每个组件都作为单独的文件存储在组件文件夹下。目前，每个组件中的项目列表都是从