小编Nit*_*ula的帖子

Angular 8 滚动到片段,不会将片段带到页面顶部

我有一个链接,通过单击该链接,我想滚动到页面底部的一个片段。当我点击链接时,片段正在工作,但它没有将它带到页面顶部。

我尝试使用带有 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不真实的解决方案。

typescript angular angular-router

6
推荐指数
1
解决办法
5100
查看次数

尝试使用userPrincipalName连接时出现LDAPException

我们对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)

进一步调试问题的任何帮助将不胜感激。

如果您需要更多详细信息,请告诉我。

  • 域就像pxxx.local
  • userPrincipalName类似于abc.xyz@pxxx.org.uk。

我需要进行任何更改才能使其正常工作吗?

ldap active-directory ldapconnection

5
推荐指数
1
解决办法
3万
查看次数

如何捕获ag-grid中的行悬停事件?

我正在查看文档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)

ag-grid ag-grid-angular

5
推荐指数
1
解决办法
2万
查看次数

为什么响应式 primeng 表格中不显示表格标题?

我有一个 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)

primeng angular primeng-datatable

4
推荐指数
1
解决办法
7989
查看次数