angular - 无法读取未定义的属性“计划”
问题描述
所需的输出是 BsDatePicker并且由于某种原因给了我错误:无法读取 undefined 的属性“计划”。
并且还有警告BsDatepickerModule is under development, BREAKING CHANGES are possible, 请阅读更改日志
Angular-CLI 版本 1.7.4、ngx-bootstrap 版本 3.0.0、Angular 5
这是 html
<input type="text" [(ngModel)]="dateOfBirth" name="dateOfBirth" id="dateOfBirth" bsDatepicker class="form-control"/>
的代码:这是app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
import { CreateEmployeeComponent } from './employee/create-employee/create-employee.component';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
CreateEmployeeComponent,
PageNotFoundComponent
],
imports: [
BrowserModule,
FormsModule,
BsDatepickerModule.forRoot(),
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
这是我的 app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
import { CreateEmployeeComponent } from './employee/create-employee/create-employee.component';
const routes: Routes = [
{ path : 'home' , component : HomeComponent},
{ path : 'createEmployee', component : CreateEmployeeComponent},
{ path : '', redirectTo: '/home', pathMatch : 'full'},
{ path : '**', component: PageNotFoundComponent}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
这是我的 .angular-cli.json
..."testTsconfig": "tsconfig.spec.json",
"prefix": "app",
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
"styles.css"
],
"scripts": [
"../node_modules/jquery/dist/jquery.slim.min.js",
"../node_modules/popper.js/dist/umd/popper.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
"environmentSource": "environments/environment.ts",...
解决方案
Version 3.0.0 is not stable. Go for latest stable version 2.0.5
Following steps works.
rm -rf node_modules/ngx-bootstrap
package.json : "ngx-bootstrap": "^3.0.0"
to "ngx-bootstrap": "2.0.5"
,
npm install ngx-bootstrap
推荐阅读
- jenkins-plugins - 如何在 jenkins kubernetes 插件上配置权限以访问远程 GKE 集群
- jpeg - CS50 的 PSET 3 - Recover.c - 我的 JPEG 文件已恢复,但它们都是空的
- python - 合并 pandas 数据帧:保持行冗余,同时去除列冗余
- java - 尝试使用 Java 中的 Criteria API 从具有连接表的表中获取结果集
- ruby-on-rails - Rails 错误:实例方法已由另一个枚举定义,但没有重复
- artifactory - 本地工件 golang 代理和校验和验证
- firebase - 如何处理 Firebase 存储 StorageException
- javascript - 无法反转 Jquery 动画
- reactjs - React-ChartJS-2 使用标签时消失的图表
- javascript - 从数组 Vuejs 在一个 TD(表列)中渲染 2 个元素