我正在使用 ng-select 库https://github.com/ng-select/ 1.4.2 版的 Angular 5。我想自定义它,以便 ng-select 的高度更小。如何做到这一点?我在https://github.com/ng-select/ng-select#custom-styles 上查看了自定义样式,但无法使其正常工作。
我已经添加了一个定制的 CCS,试图做到这一点。
这是我的 ng-select 代码
<label class="col-sm-4 text-sm-right col-form-label">Payout Format</label>
<div class="col-sm-8">
<ng-select
[items]="payoutFormats"
[closeOnSelect]="true"
[searchable]="true"
bindValue="payoutBatchFormatID"
bindLabel="name"
placeholder="All"
[(ngModel)]="filter.payoutFormats"
name="payoutFormat"
class="custom">
</ng-select>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我添加的用于自定义它的 CSS:
.ng-select.custom {
height:5px;
font-size: 0.8em;
}
.ng-select.custom .ng-select-container {
height:5px;
}
Run Code Online (Sandbox Code Playgroud)
可以看出,我尝试在 2 个地方设置高度,但没有效果。我能够成功更改字体大小。
我需要它更小。
我正在使用Angular 5 版本 1.4.2 的ng-select库。我有一个包含大约 700 条记录的大型数据集。我选择的下拉列表中的数据看起来不错,但仅在几秒钟后才出现。有没有办法让它更快地出现?
我研究过虚拟滚动。这是一个选择吗?我还需要能够进行搜索,在https://ng-select.github.io/ng-select#/virtual-scroll的演示中,我不确定这是否有效。
这是我的选择框的 HTML:
<ng-select [items]="clients| async | orderBy : ['name']"
[closeOnSelect]="true"
[searchable]="true"
bindValue="id.clientID"
bindLabel="name"
placeholder="Select a Client..."
notFoundText=""
[(ngModel)]="selectedClient"
name="client">
</ng-select>
Run Code Online (Sandbox Code Playgroud)
这是我的 Angular 组件代码,它在初始化时加载此数据:
ngOnInit() {
this.clients = this.clientService.getClients();
}
Run Code Online (Sandbox Code Playgroud)
客户定义为
clients: Observable<Client[]>;
Run Code Online (Sandbox Code Playgroud) 我正在尝试在Windows上的Java 11(jdk-11.0.2)的Spring Boot(2.1.2.RELEASE)中运行一个简单的hello world应用程序。当我使用Maven spring boot插件运行应用程序时,出现以下异常:
Exception in thread "main" java.lang.StackOverflowError
at org.slf4j.LoggerFactory.getILoggerFactory(LoggerFactory.java:408)
at org.slf4j.LoggerFactory.getLogger(LoggerFactory.java:357)
at org.apache.commons.logging.LogAdapter$Slf4jAdapter.createLocationAwareLog(LogAdapter.java:130)
at org.apache.commons.logging.LogAdapter.createLog(LogAdapter.java:91)
at org.apache.commons.logging.LogFactory.getLog(LogFactory.java:67)
at org.slf4j.impl.JCLLoggerFactory.getLogger(JCLLoggerFactory.java:77)
at org.slf4j.LoggerFactory.getLogger(LoggerFactory.java:358)
at org.apache.commons.logging.LogAdapter$Slf4jAdapter.createLocationAwareLog(LogAdapter.java:130)
at org.apache.commons.logging.LogAdapter.createLog(LogAdapter.java:91)
at org.apache.commons.logging.LogFactory.getLog(LogFactory.java:67)
at org.slf4j.impl.JCLLoggerFactory.getLogger(JCLLoggerFactory.java:77)
at org.slf4j.LoggerFactory.getLogger(LoggerFactory.java:358)
at org.apache.commons.logging.LogAdapter$Slf4jAdapter.createLocationAwareLog(LogAdapter.java:130)
Run Code Online (Sandbox Code Playgroud)
我有以下Java代码:
@SpringBootApplication
@PropertySource(value = "${url/ELMProperties}", ignoreResourceNotFound = true)
@PropertySource(value = "classpath:version/elm.properties")
//TODO remove the below line once the data source has been configured
@EnableAutoConfiguration(exclude = {DataSourceAutoConfiguration.class, HibernateJpaAutoConfiguration.class})
public class Application extends SpringBootServletInitializer
{
@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
return application.sources(com.test.Application.class);
}
public …Run Code Online (Sandbox Code Playgroud)