我有一个链接,通过单击该链接,我想滚动到页面底部的一个片段。当我点击链接时,片段正在工作,但它没有将它带到页面顶部。
我尝试使用带有 id 的 div 和 section 来创建片段。但是,它不会将 div 或部分带到页面顶部。
我的应用程序路由模块中的代码是:
imports: [
RouterModule.forRoot(routes, {
//useHash: true,
scrollPositionRestoration: 'enabled',
onSameUrlNavigation: 'reload',
anchorScrolling: 'enabled'
})]
Run Code Online (Sandbox Code Playgroud)
我的链接和片段组件代码:
<a [routerLink]="['/proposal']" fragment="dcn">{{ dcn }}</a>
<section id="dcn">
Some other html here
</section>
Run Code Online (Sandbox Code Playgroud)
请注意,我曾尝试使用useHash:true,但似乎不起作用。我更喜欢一个useHash不真实的解决方案。
我们对LDAP的客户端进行了新的增强,以启用使用登录userPrincipalName。他先前sAMAccountName用于登录。当用户尝试在其测试环境中测试应用程序时,他遇到以下错误userPrincipalName:
netscape.ldap.LDAPException:错误结果(49); 80090308:LdapErr:DSID-0C0903C5,评论:AcceptSecurityContext错误,数据52e,v23f0 |#]
我知道这是因为LDAP的凭据无效。但是,当他使用sAMAccountName登录时,便可以登录。
我的Web应用程序日志显示他登录时 userPrincipalName,可以在LDAP中找到它,但是当它尝试使用用户名和密码连接到LDAP时,将引发上述异常。
而他可以使用成功登录 sAMAccountName。
Dn的用法如下:
OU=IS (Technical Staff),OU=PXXX,DC=pxxx,DC=local , and
OU=Users,OU=PXXX,DC=pxxx,DC=local
Run Code Online (Sandbox Code Playgroud)
进一步调试问题的任何帮助将不胜感激。
如果您需要更多详细信息,请告诉我。
我需要进行任何更改才能使其正常工作吗?
我正在查看文档ag-grid,看起来没有事件可以捕获网格的行悬停事件。我的要求是当用户将鼠标悬停在该行上时在第一列上显示图像。它可能位于该行的任何列,不一定位于第一个单元格。我正在使用单元格渲染器和单元格编辑器并执行某些操作。(为简单起见,我没有在 plunker 链接中发布单元格编辑器代码)我怎样才能实现这一目标?
请参阅 plunkr 示例:https://plnkr.co/edit/NfuGp3iVheuCqglz
app.component.ts:
import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
import {KaboobMenuComponent} from './kaboob-menu.component';
@Component({
selector: 'my-app',
template: `
<ag-grid-angular
#agGrid
style="width: 100%; height: 100%;"
id="myGrid"
class="ag-theme-alpine"
[columnDefs]="columnDefs"
[defaultColDef]="defaultColDef"
[rowData]="rowData"
(gridReady)="onGridReady($event)"
[frameworkComponents]="frameworkComponents"
></ag-grid-angular>
`,
})
export class AppComponent {
private gridApi;
private gridColumnApi;
private columnDefs;
private defaultColDef;
private rowData: [];
public frameworkComponents;
constructor(private http: HttpClient) {
this.columnDefs = [
{
headerName: 'Participant',
children: …Run Code Online (Sandbox Code Playgroud) 我有一个 primeng 数据表,它在正常模式下正确呈现。但是,当我在移动视图中查看时,不显示表格标题。我将表的响应属性设置为 true。请看截图。
我在另一个屏幕的移动视图中正确显示了数据表的标题。我比较了代码,它们很相似,只是这个表有一个全局过滤器。
我的组件html代码:
<p-table
#dt
[columns]="cols"
[value]="deals"
[autoLayout]="true"
[responsive]="true"
>
<ng-template pTemplate="caption">
<div style="text-align: right">
<i class="fa fa-search" style="margin:4px 4px 0 0"></i>
<input
type="text"
pInputText
size="30"
placeholder="Search"
(input)="dt.filterGlobal($event.target.value, 'contains')"
/>
</div>
</ng-template>
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns" [pSortableColumn]="col.field">
{{ col.header }}
<p-sortIcon [field]="col.field"></p-sortIcon>
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowData let-columns="columns">
<tr>
<td *ngFor="let col of columns">
<span *ngIf="col.header === 'Opportunity Id'"
><a routerLink="/proposal">{{ rowData[col.field] }}</a></span
>
<span *ngIf="col.header !== 'Opportunity Id'">{{
rowData[col.field]
}}</span> …Run Code Online (Sandbox Code Playgroud)