在使用 Angular 7 进行开发的过程中，我们有时会遇到 “addProperty？” 错误，这个错误通常是由于在模板中使用了未定义的属性或方法所致。那么该如何解决这个问题呢？本文将介绍一些解决办法。
原因分析
在 Angular 的模板中，我们使用组件定义的属性或方法时，需要保证这些属性或方法都在组件中有定义。如果某个属性或方法在组件中没有定义，那么在模板中使用时就会出现 “addProperty？” 错误。这个错误的原因就是因为 Angular 会在编译过程中生成一些 JavaScript 代码，这些代码会检查属性或方法是否存在，如果不存在就会报错。
解决办法
解决 “addProperty？” 错误的方法主要有两种：一种是在组件中定义缺失的属性或方法，另一种是使用 Null 合并操作符。
定义缺失的属性或方法
在组件定义中，我们可以通过 @Input、@Output、@ViewChild、@ContentChild 等装饰器来定义组件的属性或方法，以便在模板中使用。如果在模板中出现了 “addProperty？” 错误，那么我们需要检查一下组件定义中是否缺失了某些属性或方法。如果确实缺失了，那么我们需要在组件定义中添加这些属性或方法，如下所示：
-- -------------------- ---- -------
------------
--------- ---------
------------ -----------------------
---------- -----------------------
--
------ ----- ------------ -
----- - ---------
--------- -------
-- -------
---------- -
----------------
-
-使用 Null 合并操作符
在模板中，我们可以使用 Null 合并操作符来实现对未定义属性或方法的赋值。Null 合并操作符（??）是一种新的操作符，用来判断左侧表达式是否为 null 或 undefined，如果是，则返回右侧表达式的值，否则返回左侧表达式的值。例如：
<p>{{ username ?? 'Guest' }}</p>上面的代码中，当 username 为 null 或 undefined 时，就会显示 “Guest”。
在使用 Null 合并操作符时，我们需要考虑一些细节问题。例如，当属性或方法返回值为假值（如 0、false、空字符串等）时，也会被当做未定义来处理。为了避免这种情况，我们可以在组件定义中添加一些默认值，如下所示：
-- -------------------- ---- -------
------------
--------- ---------
------------ -----------------------
---------- -----------------------
--
------ ----- ------------ -
----- - ---------
-------- - ---
-- --------
---------- -
----------------
-
-加了默认值以后，在使用 Null 合并操作符时，就不会再误判为未定义了。
总结
在 Angular 7 中，遇到 “addProperty？” 错误时，我们可以通过定义缺失的属性或方法或者使用 Null 合并操作符来解决。无论哪种方法都需要注意一些细节问题，以避免误解和不必要的麻烦。希望本文的介绍对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649135d448841e9894f36aed