我需要在中心显示div class="col-md-6"
这是代码,它显示左边的计时器我需要在中心显示时间
<div class="container">
<div class="row">
<div class="wpb_column vc_column_container col-md-6">
<div class="vc_column-inner ">
<div class="wpb_wrapper">
<div class="event-wrapper featured-event ">
<!-- the loop -->
<div class="upcoming-campaign">
<img width="555" height="400" src="http://andrejceccoli.com/wp-content/uploads/2016/10/elezioni_sfondo.jpg" class="img-responsive wp-post-image" alt="Elezioni Politiche">
<div class="campaign-scoop">
<h3 class="title"><a href="http://trendytheme.net/demo2/wp/nominee/onepage/event/election-campaign/">Elezioni Politiche</a></h3>
<span class="start-date">Inizia il: <span class="colored">20 Nov 2016</span></span>
<div class="countdown-wrapper">
<ul class="countdown list-inline" data-countdown="2016-11-20">
<li><span class="days">38<span><p>Days</p></span></span>
</li>
<li><span class="hours">07<span><p>Hour</p></span></span>
</li>
<li><span class="minutes">48<span><p>Minutes</p></span></span>
</li>
<li><span class="second">12<span><p>Second</p></span></span>
</li>
</ul>
</div>
<address><i class="fa fa-map-marker"></i>San Marino</address>
<span class="event-duration colored"><i class="fa fa-clock-o"></i>08:00 AM - 23:00 PM</span> …Run Code Online (Sandbox Code Playgroud) 我使用 angular 9 并且我想做延迟加载 app-routing
{
path: '', loadChildren: () => import("./components/login/login.module")//.then(m =>
// m.LoginModule)
}
Run Code Online (Sandbox Code Playgroud)
在我创建登录模块之后:
@NgModule({
declarations: [LoginComponent],
imports: [
CommonModule,
FormsModule,
LoginModuleRouting
],
providers:[]
})
export class LoginModule { }
Run Code Online (Sandbox Code Playgroud)
和路由:
const routes: Routes = [
{
path: '', component: LoginComponent,
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class LoginModuleRouting { }
Run Code Online (Sandbox Code Playgroud)
问题是,当我打电话ng serve并继续访问 ` http://localhost:4200/ 时,我得到了这个异常:
core.js:6237
ERROR Error: Uncaught (in promise): Error: ASSERTION ERROR: NgModule '[object Module]' is not a …Run Code Online (Sandbox Code Playgroud) 当列表数据值为空时,我需要显示一条消息:
<p-table [value]="listElement" [paginator]="true" [rows]="10" [rowsPerPageOptions]="[5,10,20]" [showCurrentPageReport]="true" emptyMessage="No record found">
<ng-template pTemplate="header">
<tr>
<th>Code</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-elements>
<tr>
<td>{{elements.code}}</td>
</tr>
</ng-template>
</p-table>
Run Code Online (Sandbox Code Playgroud)
问题是,当 listElement 为空时,它不会在emptyMessage属性中显示消息,而仅将表显示为空。有人知道我该如何解决这个问题吗?
我的目的是使用枚举来读取数组的属性。这段代码给我错误:
<ng-container *ngFor="let elem of list">
<div class="ui-g-12 ui-sm-12 ui-md-12 ui-lg-12 ui-xl-12">
<div class="ui-g-12 ui-sm-12 ui-md-12 ui-lg-3 ui-xl-3">
<input type="text" pInputText value="{{elem[StudentEnum.name] }}" name="student_name" />
</div>
</ng-container>
Run Code Online (Sandbox Code Playgroud)
StudentEnum是一个枚举类,但是如果我放入模板中它就不起作用。在模板中使用枚举读取数组属性和值的正确方法是什么?
{{ elem[StudentEnum.name] }}
Run Code Online (Sandbox Code Playgroud) 我需要对元素进行切换操作:
<p-overlayPanel #panel>...
Run Code Online (Sandbox Code Playgroud)
我必须将其放入我的 .ts 代码中:
@ViewChild('panel') someInput: ElementRef;
this.someInput.toggle()
Run Code Online (Sandbox Code Playgroud)
之后我不知道我必须做什么?有人可以帮助我吗?