模板解析错误:由于它不是ng-template的已知属性,因此无法绑定到ngOutletContext。 1.如果'ngOutletContext'是一个Angula

时间:2018-12-19 06:51:14

标签: angular typescript angular6 angular7 angular4-forms

嗨,我和我的团队已经将我们的角度应用程序从4.3.2更新到了角度7.1.3。所有包都迁移了,angular.json指向相同的包。但是在控制台中,我们收到“无法绑定到'ngOutletContext'”。在应用程序中的任何地方都没有使用此属性。它仅出现在Vendor.js中。错误消息如下。

compiler.js:2427未捕获的错误:模板解析错误: 无法绑定到“ ngOutletContext”,因为它不是“ ng-template”的已知属性。 1.如果“ ngOutletContext”是Angular指令,则将“ CommonModule”添加到此组件的“ @ NgModule.imports”。 2.要允许任何属性,请在此组件的“ @ NgModule.schemas”中添加“ NO_ERRORS_SCHEMA”。 (“             ] [ngOutletContext] =“ day.context”>                     ”):ng:///NgbDatepickerModule/NgbDatepickerMonthView.html@13:58 嵌入式模板上的任何指令均未使用属性绑定ngOutletContext。确保属性名称拼写正确,并且所有指令均在“ @ NgModule.declarations”中列出。 (“ [class.hidden] =” isHidden(day)“>                        [错误->]         ”):ng:///NgbDatepickerModule/NgbDatepickerMonthView.html@13:12     在语法错误(compiler.js:2427)     在TemplateParser.push ... / node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse(compiler.js:20311)     在JitCompiler.push ... / node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate(compiler.js:25857)     在JitCompiler.push ... / node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate(compiler.js:25844)     在compile.js:25787     在Set.forEach()     在JitCompiler.push ... / node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents(compiler.js:25787)     在compile.js:25697     在Object.then(compiler.js:2418)     在JitCompiler.push ... / node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents(compiler.js:25696) 1.如果'ngOutletContext'是Angular指令,则将'CommonModule'添加到该组件的'@ NgModule.imports'

当前Angular设置为

"devDependencies": {
    "@angular-devkit/build-angular": "^0.11.3",
    "@angular/cli": "^7.1.3",
    "@angular/compiler-cli": "^7.1.3",
    "@biesbjerg/ng2-translate-extract": "^0.6.0",
    "@types/core-js": "^0.9.43",
    "@types/geojson": "^1.0.6",
    "@types/highcharts": "^5.0.12",
    "@types/jasmine": "^2.5.47",
    "@types/jspdf": "^1.1.31",
    "@types/leaflet": "^0.7.31",
    "@types/lodash": "^4.14.61",
    "@types/node": "^7.0.12",
    "codelyzer": "2.1.1",
    "core-js": "^2.5.1",
    "env2json": "^1.0.0",
    "hads": "1.3.3",
    "htmlhint": "0.9.13",
    "https-proxy-agent": "^1.0.0",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "^3.2.0",
    "karma": "^1.5.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.0.0",
    "karma-jasmine": "^1.1.0",
    "karma-junit-reporter": "^1.2.0",
    "karma-phantomjs-launcher": "^1.0.2",
    "lite-server": "^2.3.0",
    "phantomjs-prebuilt": "^2.1.14",
    "protractor": "~5.1.0",
    "stylelint": "7.10.1",
    "stylelint-config-standard": "16.0.0",
    "ts-node": "3.0.2",
    "tslint": "~4.5.0",
    "typescript": "3.1.6"
  }

1 个答案:

答案 0 :(得分:0)

用ngTemplateOutletContext替换ngOutletContext。

在角度更新指南中提到过。有关完整的详细信息,请访问

https://update.angular.io/