如何在Component template函数执行时查看ɵɵtemplate或者ɵɵproperty传入的参数值

在观察template执行的时候，如下图所示：展开ng-template时：

会触发函数ɵɵproperty的执行：

/*** @license* Copyright Google LLC All Rights Reserved.** Use of this source code is governed by an MIT-style license that can be* found in the LICENSE file at https://angular.io/license*/
/*** Update a property on a selected element.** Operates on the element selected by index via the {@link select} instruction.** If the property name also exists as an input property on one of the element's directives,* the component property will be set instead of the element property. This check must* be conducted at runtime so child components that add new `@Inputs` don't have to be re-compiled** @param propName Name of property. Because it is going to DOM, this is not subject to*        renaming as part of minification.* @param value New value to write.* @param sanitizer An optional function used to sanitize the value.* @returns This function returns itself so that it may be chained* (e.g. `property('name', ctx.name)('title', ctx.title)`)** @codeGenApi*/
function ɵɵproperty(propName, value, sanitizer) {const lView = getLView();const bindingIndex = nextBindingIndex();if (bindingUpdated(lView, bindingIndex, value)) {const tView = getTView();const tNode = getSelectedTNode();elementPropertyInternal(tView, tNode, lView, propName, value, lView[RENDERER], sanitizer, false);ngDevMode && storePropertyBindingMetadata(tView.data, tNode, propName, bindingIndex);}return ɵɵproperty;
}

如果想查看第二行layoutName$变量的值，在debugger里查看arguments:

展开source:

source._value里的header就是layoutName$准备emit出去的值。

更多Jerry的原创文章，尽在：“汪子熙”:

如何在Component template函数执行时查看ɵɵtemplate或者ɵɵproperty传入的参数值相关推荐

Angular Component template函数执行上下文的对象
下图第1行代码,定义的model变量,在Chrome调试器里的名称不是model,而是model_r1:
iOS执行时工具-cycript
cycript是大神saurik开发的一个很强大的工具,能够让开发人员在命令行下和应用交互,在执行时查看和改动应用.它确实能够帮助你破解一些应用,但我认为这个工具主要还是用来学习其它应用的设计(主要是 ...
Linux笔记整理(1)系统的加载和main函数执行准备
<Linux内核设计的艺术>笔记基于linux0.11,主要研究原理,对自己不清楚的地方会有一点个人补充,偶尔会穿插其他版本的对比. 内核版本和发行版本 linux内核和发行版不是一个概 ...
Microsoft Excel 教程：如何在 Excel 中创建公式并使用内置函数执行计算？
欢迎观看 Microsoft Excel 教程,小编带大家学习 Microsoft Excel 的使用技巧,了解如何在 Excel 中创建公式并使用内置函数执行计算. Excel 中的计算方式始终以等 ...
JavaScript 中一句话的思索：this是函数在执行时所处的作用域
最近看<JavaScript高级程序设计>一书,在讲到函数中对象一节时,提到了this对象,中有一句"this是函数在执行时所处的作用域",译者注:原书的提法并不准确, ...
python 匿名函数捕获变量值（执行时的值）
先看下下面代码的效果: >>> x = 10 >>> a = lambda y: x + y >>>x= 20 >>> b = ...
C语言 | 函数执行成功时，return 1 还是return 0？
今天分享的内容是关于函数执行成功,返回0还是1的讨论~ 基本上,没有人会将大段的C语言代码全部塞入 main() 函数,更好的做法是按照复用率高,耦合性低的原则,尽可能的将代码拆分不同的功能模块,并封 ...
python 如何判断一个函数执行完成_三步搞定 Python 中的文件操作
当程序运行时,变量是保存数据的好方法,但变量.序列以及对象中存储的数据是暂时的,程序结束后就会丢失,如果希望程序结束后数据仍然保持,就需要将数据保存到文件中. Python 提供了内置的文件对象,以及 ...
optional java_使用Java时查看Optional数据类型和一些反模式
optional java by Mervyn McCreight 默文·麦克莱特(Mervyn McCreight) 使用Java时查看Optional数据类型和一些反模式 (A look at t ...

如何在Component template函数执行时查看ɵɵtemplate或者ɵɵproperty传入的参数值

如何在Component template函数执行时查看ɵɵtemplate或者ɵɵproperty传入的参数值相关推荐

最新文章

热门文章