2回答
我试图嵌套一个ng引导选项卡小部件，但是嵌套选项卡的内容没有正确显示。当我单击嵌套选项卡时，内容本身就消失了。
我做错了什么？
这是视图代码：
<ngb-tabset>
<ngb-tab *ngFor="let tab of tabs">
<ng-template ngbTabTitle>
{{ tab.title }}
</ng-template>
浏览 6提问于2017-05-01得票数 9
回答已采纳
1回答
父组件如何将多个ng模板传递给子组件？
示例父组件包含多个ng模板：
<app-childcomponent>
<ng-template>Item A</ng-template>
<ng-template>Item B</ng-template>
...
</app-childcomponent>
子组件需要从父组件接收ng模板并放入app-menu中。
<app-menu>
<ng-content></ng-content>
</app
浏览 4提问于2018-02-26得票数 3
1回答
我正在使用组件ngtabset。当我嵌套ng模板时，我看不到视图中的任何内容。有人能解释一下为什么和如何解决吗？
下面的工作，并向我展示了两个制表符的内容，从两个标签分别可见。
<ngb-tabset>
<ngb-tab>
<ng-template ngbTabTitle>Tab 1</ng-template>
<ng-template ngbTabContent>
This is tab 1 content
</ng-template>
浏览 6提问于2017-11-29得票数 3
回答已采纳
3回答
下面是一个解决这个问题的STACKBLITZ：
我必须访问我使用过ngFor的ngFor或行数据，我尝试使用rowIndex并浏览了文档，但无法了解它如何工作。任何帮助都是非常感谢的。如果需要进一步的资料，请告诉我。下面是代码：
<ngx-datatable
style="height: 450px; cursor: pointer;"
class="material"
[rows]="rows"
[rowHeight]="70"
[footerHeight]="50
浏览 0提问于2019-03-25得票数 3
回答已采纳
我想使用这个：https://material.angular.io/components/stepper/overview 但是为了布局(可以是动态的)，在步骤的可单击标题和它的内容之间可能有元素，也可能没有元素，我希望stepper的内容(圆形图标和步骤标签下的所有内容)都在DOM标记</mat-horizontal-stepper>之外。 其他一些组件通过在步骤的标记内命名某个变量来实现这一点，模板名称稍后在DOM中像这样声明它。 但是，如果我这样做： <div>
<mat-horizontal-stepper labelPosition=&#
浏览 15提问于2020-01-27得票数 0
1回答
我正在使用Stepper组件。
<mat-stepper orientation="vertical">
<mat-step state="home">
<ng-template matStepLabel>Step 1</ng-template>
<ng-template matStepContent>
<p>This content was rendered lazily</p>
<button mat-button matSt
浏览 17提问于2022-04-24得票数 1
3回答
我有七号角的计划。我写了<ng-template>，它正在发送我的rowData。当我像下面这样写一个ng-template时，一切都很完美。但是，我需要多个ng模板。我试过像下面这样的。但是我不能执行。我怎样才能做到这一点？
这工作得很完美
app.grid.component.html
<ng-template pTemplate="body" let-rowData>
<tr>
<td *ngFor="let col of Columns" class="ui-resizable-colu
浏览 0提问于2019-02-25得票数 3
回答已采纳
1回答
我正在设置一个包含用户详细信息的表。
我用的是角和PrimeNG。
如何在编辑行并返回已编辑的新数据或标志时返回事件？
还有另一种通知行被修改的方法吗？
使用此表：
示例：
编辑前->
{"name":"Mario","surname":"Rossi","mail":"mariorossi@live.it", "phone":"003900000"}
编辑后->
{"name":"Mario","surname
浏览 0提问于2019-05-20得票数 1
回答已采纳
我想上传一个excel/csv文件，并在原始表中显示内容。
html
-------------
<p-table #dt [columns]="cols" [value]="jobslist" exportFilename="Routing">
<ng-template pTemplate="caption">
<div class="ui-helper-clearfix">
Route Information
<button type
浏览 0提问于2018-02-22得票数 0
2回答
当试图显示可编辑输入的网格时，我出现了性能问题。在大约200行和10列时，它开始变得非常慢。(使用角4.4)
<tr *ngFor="let row of rows">
<td *ngFor="let column of columns">
<ng-container [ngSwitch]="column.columnType">
<ng-template [ngSwitchCase]="0">
<input [(ngModel)]=&#
浏览 0提问于2018-04-26得票数 8
回答已采纳
我有一个问题，如果有人知道如何禁用选项，点击和折叠手风琴从MDBootstrap。在他们的文档中，我找不到一种方法来做到这一点。下面是链接：
有没有人有主意，怎么做？下面是带有代码的示例，所以这就是为什么我没有在这个问题中编写任何代码的原因。
埃枫树：
<mdb-accordion
[multiple]="true"
>
<mdb-accordion-item>
<ng-template mdbAccordionItemHeader>Accordion Item #1</ng-template>
浏览 8提问于2022-07-02得票数 -1
1回答
我有一个类似于这样的对象数组：
newItems = [
{ id: 8997, yellow: 'Y', red: 'N', reportId: 1 }, //HewlettPackard
{ id: 8997, yellow: 'N', red: 'N', reportId: 2 }, //HewlettPackard
{ id: 6300, yellow: 'N', red: 'Y', reportId: 2 }, //EpsonCenter5000
{ id: 0019,
浏览 0提问于2019-05-01得票数 1
回答已采纳
我在我的angular 7应用程序中使用Primeng p-table控件。下面是我使用的html代码：
<p-table [value]="data" [reorderableColumns]="'true'" [columns]="cols">
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns" pReorderabl
浏览 15提问于2019-12-12得票数 2
我一直在关注这个，我不明白为什么@ViewChildren()总是返回零个元素。
组件：
export class InputOverviewExample implements AfterViewInit{
@ViewChildren('[ad-host]') entries;
ngAfterViewInit() {
console.log(this.entries);
}
}
HTML：
<div>
<ng-template ad-host></ng-template>
<ng-templat
浏览 1提问于2018-09-01得票数 0
回答已采纳
1回答
我需要在一个页面中有多个NgbPagination组件。 参考资料： https://ng-bootstrap.github.io/#/components/pagination/examples 我试过使用id。但它并没有起作用。在第一个分页中更改一个值会影响两个表。 Pagination1： <ngb-pagination id="page1" [collectionSize]="collectionSize" [(page)]="page" [pageSize]="pageSize" [boundaryLinks]=
浏览 77提问于2019-04-02得票数 0
错误:获取"Cannot read property 'stats‘of undefined“
JSON：
this.obj1:数组(5)：data1 id: 1，名称: AAA，统计信息:数组(4)：数据2短名称：'1'，值: 23，地址：'123威尔逊dr'，subHeader: true，subHeaders：{....}
剑道UI：
<kendo-grid [data]="obj1" [scrollable]="'scrollable'" [style.height.px]="
浏览 0提问于2017-10-16得票数 0
4回答
我正在尝试在Angular中排列一些由ng-for生成的纯文本，但我似乎无法让它工作。
我现在得到的结果是：
E|
答：
D|
G|
B|
E|
-7-
21
--20-
-5
0
-19
--16-
-22-
--10
--9--
-14--
-21
-13-
--4
-19
13
-18--
-0
--15
-17-
-4--
-1-
11
--24
-2--
10
-21
23
我希望结果看起来像这样
E| -21
A| --
D|-
G| 7-
B| --
E|-
所有行都垂直对齐。
我一直在尝试flex，但我似乎想不出怎么把事情排好。
请帮帮我！
.container-1{
浏览 50提问于2019-03-27得票数 0
如果我们按如下所示指定列，客户端排序就能正常工作。
查看页面
<ngx-datatable class="material" [rows]="rows" [columns]="columns"> </ngx-datatable>
ts页面
columns = [{ prop: 'name' }, { name: 'Gender' }, { name: 'Company' }];
但是，如果我们从页面中删除列定义，然后在视图页面中将它们指定为
<ngx-datatable
浏览 15提问于2021-03-15得票数 2
回答已采纳
1回答
如图所示，我正试着做一个进展步骤。
这是我的css代码
.mat-step-header[aria-selected="true"] {
background-color: #07C496;
}
.mat-step-header[ng-reflect-active='true']{
background-color: #07C496;
}
html：
<mat-horizontal-stepper #stepper labelPosition="bottom" linear >
<ng-templ
浏览 0提问于2020-08-04得票数 2
回答已采纳
1回答
我有如下模板
<ng-template #parent>
<ng-template #child1>
child 1
</ng-template>
<ng-template #child2>
child 2
</ng-template>
</ng-template>
只想用#家长打印#子1和#子2，有什么想法吗？？
浏览 1提问于2018-08-02得票数 0
1回答
我们可以将[1,2,3]传递给模板A的参数p，将[4,5,6]从*ngIf传递给模板B的参数q吗？
<div *ngIf="true;then A;else B"></div>
<ng-template #A let-p>p: {{p}}</ng-template>
<ng-template #B let-q>q: {{q}}</ng-template>
这是我的尝试，但不起作用。
<div *ngIf="true;then A; context:{$implicit:[1,2,3]};el
浏览 21提问于2022-08-28得票数 1
回答已采纳
1回答
为了更好地建模业务逻辑(表单和为简洁而省略的其他步骤内容)，我试图嵌套有角度的材料分步器：
<mat-vertical-stepper [linear]="true" #main_stepper>
<mat-step state="quote">
<ng-template matStepLabel>
<strong>What do you need?</strong>
</ng-template>
<mat-vertical-stepper
浏览 5提问于2020-05-15得票数 0
回答已采纳
1回答
添加/删除P表中的行更新JSON
、、、、
我的表必须是CRUD (创建、读取、更新和删除)。所有这些操作都必须在我的JSON文件中更新。Read and Update工作，但我似乎不知道如何删除表中的特定行。不能只使用Jquery或AngularJS 6。有人能帮我吗？
我必须对像这样的另外4个数组这样做。所以如果有人能解释一下我是怎么工作的。我想我能处理好所有的事情。我的问题主要是关于删除或剪接，但是如果您也知道添加一个新的空行/对象的答案，我可以使用可编辑的列在我的p-表中进行更改，这会更好。
JSON:
Partijen = [
{
"Adressen": [{
"iAdres
浏览 0提问于2018-10-22得票数 0
我有一个带有选择器app-popup和app-table的组件。例如，：--如果我想使用这个组件选择器，下面的代码如下所示：
<app-popup>
<app-table></app-table>
</app-popup>
在我的app-popup中，我可以使用ng-template和选择器#modalFooter传递一些按钮，下面的代码如下所示：
<app-popup>
<app-tree></app-tree>
<!-- my popup ng-template custom
浏览 3提问于2020-03-03得票数 1
回答已采纳
我使用来创建一个web应用程序。
我对html代码块使用了很多ng-templates，这些代码块被多次使用以符合Don(不要重复自己)。
问题：是否可以根据屏幕的宽度更改ngTemplateOutlet值？
示例：
<ng-template #fullWidthContainer>
<!-- code left out on purpose -->
</ng-template>
<ng-template #halfWidthContainer>
<!-- code left out on purpose -->
</
浏览 2提问于2019-10-30得票数 1
-Except #节点模板和#linkTemplate，我们如何使用customTemplate向ngx-graphs添加更多元素？ <ngx-graph id="main_drawing_board" class="chart-container" [view]="view" [legend]="showLegend"
[links]="hierarchicalGraph.links" (legendLabelClick)="onLegendLabelClick($event)&#
浏览 30提问于2019-03-13得票数 0
1回答
基本上，我正在尝试创建一个gui，以便更容易地编辑文件。
我有这样一个数组：(键是动态的，所以数组不使用模板，我可以引用它的内容)。
当我试图遍历它时，会出现一个错误：
无法读取未定义的属性“日期”
这个错误发生在multiarray.component.html中的这一行。
<ng-template [ngIf]="getType(configFile[key][sub]) === 'multiarray'">
<multiarray-component [key]="sub" [configFile]=
浏览 1提问于2017-07-15得票数 1
10回答
*如果在模板中有其他
、、、
如何在*ngIf语句中包含多个案例？我习惯于Vue或Range1有if、else if和else，但是看起来角4只具有true (if)和false (else)条件。
根据文件，我只能：
<ng-container *ngIf="foo === 1; then first else second"></ng-container>
<ng-template #first>First</ng-template>
<ng-template #second>Second</ng-template>
<ng-
浏览 16提问于2017-05-05得票数 183
回答已采纳
我有一个从我的一个组件传递过来的ng-template，并且我有一个占位符来接受传递到我的组件上的ng-template，如下面的ngTemplateOutlet所示。
<div>
<form novalidate #myForm="ngForm">
<ng-container>
<ng-template [ngTemplateOutlet]="myTemplate">
</ng-template>
</ng-container>
</form>
<
浏览 1提问于2018-11-05得票数 4
如何只呈现pending
我构建了一个布局组件，我用ng-template包装每个部分，因为我不想立即呈现内容。
如何只呈现ng-template#pending
<search [results]="searchResults$ | async" [pending]="pending$ | async">
<form filter ...>...</form>
<ng-template #empty>empty!</ng-template>
<ng-template #pending
浏览 4提问于2022-03-28得票数 0
回答已采纳
我有几个表，排序是在没有行详细信息的表上进行的。但是，当我添加行详细信息时，排序将中断并抛出以下错误。
"rxjs_1.fromEvent不是一个函数“
关于行的详细信息，我的代码如下
<div style="overflow-x: scroll;" class="bigTable" *ngIf="test_table.rows.length > 0">
<ngx-datatable #myTable
*ng
浏览 0提问于2018-07-24得票数 3
我正在尝试从我的ngx-datatable中删除我的第一行。我已经用这个html在我的工作的顶部创建了一个按钮：
<button (click)="onRemoveRow(0)">Remove First Row</button>
<ngx-datatable
#table
class='material'
[columns]="columns"
[columnMode]="'force'"
[rowHeight]="'auto'"
[rows]=&#
浏览 2提问于2018-08-06得票数 1
回答已采纳
2回答
我想禁用最后一个mat-step标题按钮，这样用户就不能通过单击它导航到最终页面。相关代码如下：
<mat-horizontal-stepper [linear]="true" #stepper>
<mat-step>
<ng-template matStepLabel>Type</ng-template>
<app-campaign-usage-mode [model]=model (stepNext)="stepper.next()"></app-campaign-usag
浏览 0提问于2018-06-27得票数 2
1回答
我通过这个文档在我的angular应用程序中使用swiper - https://swiperjs.com/angular 在我的styles.css中- @import '~swiper/swiper-bundle'; 我的html看起来像- <h1>Thumbs</h1>
<swiper [slidesPerView]="1" [spaceBetween]="50" [pagination]="{ clickable: true }" [autoplay]="true">
浏览 18提问于2021-04-06得票数 0
我正在使用Angular ng-tabset来渲染一些选项卡。我的ngb-tab看起来有点像：
<ngb-tab id="mytabs">
<ng-template ngbTabTitle>
<div data-locator="xxxe">yyy</div>
</ng-template>
<ng-template ngbTabContent>
...
...
...
</ng-templa
浏览 40提问于2020-05-29得票数 0
我使用的是原始组件p-calendar和p-table。工作流程如下:我在p-table行中有两个p-calendar。问题是，当我单击“second”p-calendar时，onClose()方法不会触发，它只会在我第一次在p-table之外单击时触发。下面是我的代码： <p-table [value]="list" [style]="{width: '60%', 'text-align': 'center'}">
<ng-template pTemplate="header"
浏览 13提问于2018-12-20得票数 1
回答已采纳
1回答
如何在abp框架的angular中显示ngx数据表中的分页页脚？ 我正在使用带有PagedResultDto的ListService，我应该在外部实现分页吗？ <ngx-datatable [scrollbarH]="false" (activate)="onActivate($event)" [rows]="auditImportsByCreatorId.items" [count]="auditImportsByCreatorId.totalCount" default>
浏览 53提问于2020-10-30得票数 0
1回答
是否可以将更改图标的条件放在一行中？
示例#1
<ng-template [ngIf]="isMenuCollapsed" [ngIfThen]="open" [ngIfElse]="close">
</ng-template>
<ng-template #open>
<fa-icon [icon]='["fas", "bars"]'></fa-icon>
</ng-template>
<ng-template
浏览 2提问于2021-10-05得票数 0
回答已采纳
我编写了一个名为my-component的组件，并在其中添加了一些ng-template，并将每个组件命名为#，如下所示：
<my-component>
<ng-template #one>
1st format
</ng-template>
<ng-template #two>
2nd template
</ng-template>
<ng-template #three>
3rd template
</ng-tem
浏览 0提问于2018-06-08得票数 4
回答已采纳
我有两个具有编辑行的表(p-table)。但是，当我更新第一个表中的行值时，它也会更新第二个表。如何将此表行设置为唯一？
->表组件：
<p-table [value]="coberturas" dataKey="id" editMode="row">
<ng-template pTemplate="header">
<tr>
<th class="width-20rem">
{{ t("coberturas.dadosCober
浏览 12提问于2022-04-11得票数 0
回答已采纳
我有很多语句
<ng-template [ngIf]="xyz== 1">First</ng-template>
<ng-template [ngIf]="pqr == 2">Second</ng-template>
<ng-template [ngIf]="abc == 3">Third</ng-template>
以上语句中的多个条件可以为真。
但我想要的是，首先检查第一个语句，如果为真，则显示，然后保留其余语句
如果为false，则检查second，依此类推
如何做到这
浏览 3提问于2017-08-02得票数 15
1回答
我正在使用clr-wizard从清晰的设计框架角6项目。
我在clr向导中有两个步骤，如下代码所示。
<clr-wizard>
<clr-wizard-page [clrWizardPageNextDisabled]="!stepFirstNextButtonEnable">
<ng-template clrPageTitle>Platforms</ng-template>
<ng-container>
....
</ng-conta
浏览 1提问于2018-10-10得票数 0
回答已采纳
我想要创建一个可重用的组件，它可以使用自定义模板来呈现数据，同时组合业务逻辑，这样我就不必重复自己了。
示例用例：分页列表。分页逻辑应该在可重用组件中，因此只能编写一次，但是数据的主题/表示应该使用ng-template定制。
我在子组件中使用ngTemplateOutlet来引用父组件中的ng-template，但是我得到了以下错误：
错误TypeError: templateRef.createEmbeddedView不是一个函数
可重用组件中的第一个ng-container工作得很好，这是最后一个给出错误的3。
这是我的可重用组件：
@Component({
selector
浏览 0提问于2018-02-18得票数 9
回答已采纳
我的代码如下： <h2>{{ commentTitle }}</h2>
<div *ngIf="errorHappened; then displayError else displayComments">
<div *ngIf="comments == undefined || comments.length == 0; then noComments else commentsList"></div>
</div>
<ng-template #displayError&g
浏览 31提问于2019-06-25得票数 0
1回答
我正在尝试使用ng-template和ng-container，与primeng一起在我的表中使用动态单元格：
<tr *ngFor="let data of tableData">
<ng-container
[ngTemplateOutletContext]="{ $implicit: data.n0 }"
[ngTemplateOutlet]="isEditable ? editableCell : readOnlyCell"
></ng-container>
浏览 17提问于2022-11-14得票数 0
我有一个angular2组件，其模板如下所示：
<div>
<div><ng-template #left></ng-template></div>
<div><ng-template #right></ng-template></div>
</div>
我希望能够使用ViewChildren检索对所有ng-template元素的引用，但我不知道需要在括号之间传递的类型。
浏览 1提问于2017-03-03得票数 15
回答已采纳
1回答
我有一个p-table，它包含可编辑的列。我需要做的是，当一个字段年的值发生变化时，我可以得到并使用它。首先，我希望能够在控制台上显示它。为此，我使用onEditComplete函数
HTML文件：
<p-table [columns]="cols" [value]="cars">
<ng-template pTemplate="header" let-columns>
<tr>
<th>ID</th>
浏览 0提问于2018-07-21得票数 2
我正在使用Angular4.在我的ngx-datatable中有水平滚动条，当我从左向右拖动第一列时，水平滚动条应该move.How我可以使水平滚动条移动当我从左向右拖动ngx-datable列时。请帮帮我
<ngx-datatable
class="material"
[rows]="row"
[columnMode]="'force'"
[headerHeight]="50"
[footerHeight]="50"
[reorderable
浏览 24提问于2017-11-24得票数 2
2回答
角度滑动片不会折断
、、、
我正在尝试在我的角10/Ionic 5项目中实现。我遇到的问题是，幻灯片不会折断，它似乎只是一个大页，我可以拖过。
这是我尝试过的入门示例，它显示页面正确，我相信，但是滑动部分看起来有点不对，没有抓取，如果你松开它，它就不会一直滑动，就像显示的。
<swiper class ="slide-pic-preview" [slidesPerView]="3" [spaceBetween]="50"
(swiper)="onSwiper($event)" (slideChange)="onSlideChan
浏览 4提问于2020-12-23得票数 0
回答已采纳
我得到了一个错误，我从来没有见过在我的角度应用程序。该错误发生在角源代码的上。
当我注销并重新登录我的应用程序时，就会发生这种情况。当我这样做的路线上有一个可观察的被观察，并且当它发出一个值到它的流，任何观察将更新值和变化检测将运行，从而移除一些元素和添加一些其他的元素。
我很确定下面的组件负责这个错误。有人能看出我做错了什么吗？我留下了我认为可能与bug相关的部分，并注释掉了其他所有内容。也许我在这里不恰当地使用了ngTemplateOutlet和ContentChild .
组件：
@Component({
selector: 'paginated-infinite-scr
浏览 0提问于2018-02-22得票数 0
回答已采纳
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
腾讯云开发者
