Question

在此之前，我知道这是一个愚蠢的问题，但我有兴趣找到答案（不要拒绝：））

我以前在angularJS上遇到过这个问题，现在我正在学习angular 6，希望有一个解决方案（我还没有找到）

我已经创建了2个自定义组件。父亲获得一个要绑定的对象，并将其属性交给儿子组件。

例如。

子组件

<div>{{ value }}</div>

父亲组件

<div>
   <son-component [value]="config.configSonValue"></son-component>
</div>

父亲的使用

<father-component [config]="myConfig"></father-component>

我正在跳过代码，因为它与问题无关。

这是myConfig值

this.sonValue = 1;
const myConfig = {
   configSonValue: this.sonValue // This line is the problem - loosing the reference
}

这使应用程序运行并显示1。但是，如果我要更改this.sonValue中的值，则不会影响UI。

这是有道理的，因为当我设置configSonValue的值时，this.sonValue中的值将被复制并且在其原始类型时不被引用。

今天，我要用户向我提供他想要绑定的变量的作用域对象和名称。在绑定中，我正在执行scope[name]。

我希望有类似

const myConfig = {
   configSonValue: angular.copyRef(this.sonValue) // wishful solution 
}

在吗？