Question

我正在尝试将数据从一个组件解析到另一个组件。

基本上，我创建了2个组件。我的目的是创建一个动态组件任何人都可以通过更改_errorConfig对象中的内容来更改电子邮件收件人到其他电子邮件地址，这是＃34; email：＆＃34; test@gmail.com"没有触及逻辑方面或ts文件中的任何内容。

我也尝试将字符串解析为按钮，但解析后没有任何更改，相反，它在单击后返回错误。例如，我想将其重定向到＆＃34; / App / Components / Contact＆＃34;点击后。

，我会在代码中发表评论，以便您更好地理解。

example.ts

@Component({
selector: 'example-error',
template: `
<kd-error-404 [_config]="_errorConfig">

</kd-error-404>
` 

})

export class ExampleError404 extends PageBase{

private _errorConfig : any = {

    //developer input
    homebtn : "/App/Components/Alert",
    //Developer input
    email : "test@gmail.com",
    };
}

这是应该放置所有逻辑的页面。的 logic.ts

@Component({
selector: 'kd-error-404',
templateUrl: '....'
})

export class KdError404 implements OnInit{

private _error: any = {};
private _defaultConfig : any = {
    homebtn: "/App/Components/Alert" , 
    email: "test@gmail.com"

}

@Input() _config: any;


ngOnInit(){
     console.log(this._config);

    if(typeof this._config == "undefined") this._error = Object.assign({}, this._defaultConfig );
     else {
        this._error.email = ( this._config.email != "undefined" ) ? this._config.email : "test@gmail.com"; 
        this._error.homebt = (this._config.homebtn != "undefined ") ? this._config.homebtn : "/App/Components/Alert";   
    }
}
constructor(
    protected _router: Router
){} 

 redirect(){
        this._router.navigate([_error._config.homebtn]);
 }


}

这是我的html页面，它附加到logic.ts

这是应根据用户输入的电子邮件阅读的地方。举个例子。用户在example.ts上输入了test@gmail.com

已更新

我已经解决了问题，我可以解析按钮的数据。我目前不确定的是，我不确定我是如何将数据解析为字符串

基于我在example.ts中声明的内容，它应该解析数据＆LT; .. a href = {{email}}＆gt;接收字符串test@gmail.com

 <a href="">administrator</a>
 </p>

使用angular2

0 个答案: