Angular HTML template的解析位置

文件：

compiler.umd.js

path：

turbo_modules/@angular/compiler@9.1.12/bundles:

函数名：TemplateParser.prototype.parse

TemplateParser.prototype.parse = function(component, template, directives, pipes, schemas, templateUrl, preserveWhitespaces) {var result = this.tryParse(component, template, directives, pipes, schemas, templateUrl, preserveWhitespaces);var warnings = result.errors.filter(function(error) {return error.level === exports.ParseErrorLevel.WARNING;});var errors = result.errors.filter(function(error) {return error.level === exports.ParseErrorLevel.ERROR;});if (warnings.length > 0) {this._console.warn("Template parse warnings:\n" + warnings.join('\n'));}if (errors.length > 0) {var errorString = errors.join('\n');throw syntaxError("Template parse errors:\n" + errorString, errors);}return {template: result.templateAst,pipes: result.usedPipes};}

如果把form后面中括号的formGroup改成formGroup2：

错误消息：Can’t bind to ‘formGroup2’ since it isn’t a known property of ‘form’. ("

检查逻辑位于compiler.umd.js里的TemplateParseVisitor.prototype._checkPropertiesInSchema函数：

检查的具体细节：Schema里包含的form元数据：

报错：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

Angular HTML template的解析位置相关推荐

Angular formControl指令定义的位置
一段测试代码: import { Component } from '@angular/core'; import { FormControl } from '@angular/forms';@Com ...
ASP.NET Core + Angular 2 Template for Visual Studio
多个月以来,我和多个Github上的社区贡献者一起建立支持库.包,我们最终的目的是希望完成这样一个作为起点的模板,也就是基于把Typescript代码和Angular2宿主在ASP.NET Core项 ...
[Angular 2] Template property syntax
This lesson covers using the [input] syntax to change an element property such as "hidden" ...
angular select2源码解析_Angular 组件库 NG-NEST 源码解析：Form 表单组件
前言 NG-NEST介绍今天我们来看一下 Form 表单组件是如何实现的: 功能分析由不同的表单控件组成(输入框.选择器.单选框.多选框等) 控件的禁用.必填.正则验证等状态标题和控件位置,局部 ...
TemplateInputException: Error resolving template 无法解析页面原因记录
报错如下: TemplateInputException: Error resolving template [search], template might not exist or might n ...
discuz 模版 php函数,dz function template 函数解析
php文件使用模板include_once template("diy:portal/view:{$catid}", NULL, NULL, NULL, , $cat['artic ...
HTML浏览器解析位置错误,各浏览器对CSS错误解析规则的差异及CSS hack.pdf
各浏览器对各浏览器对CSS错误解析规则的差异错误解析规则的差异及及CSS hack 标签标签 :_ , * , -moz-..., -webkit-... , !important, hack, 兼容 ...
Angular Component template函数执行上下文的对象
下图第1行代码,定义的model变量,在Chrome调试器里的名称不是model,而是model_r1:
Vue源码解析之Template转化为AST的实现方法
什么是AST 在Vue的mount过程中,template会被编译成AST语法树,AST是指抽象语法树(abstract syntax tree或者缩写为AST),或者语法树(syntax tree) ...

Angular HTML template的解析位置

Angular HTML template的解析位置相关推荐

最新文章

热门文章