Question

我尝试了多种方法将数据从我的ts文件解析到另一个文件。我正在使用数组和对象。但是，当我控制台日志时，它表示没有数据被解析。

例如，我想将数组列表中的数据从其父文件解析为子文件。

第一个代码，我有开发人员将输入数据的例子。在logo中，他们想使用名为“md-alarm”的图标类，他们将在公共LeftMenu内输入：a [] ......

export class HeaderComponent{

private _headerConfig:any = {

    title:"",

    LeftMenu : [
    {logo: "md-alarm"},
    ],

};

这是我的ui逻辑将处理的地方。问题是，我不确定我是如何编写语法的，以便我将上面代码中输入的数据解析到这里。我确定我的语法错误如下。：（

export class KdHeader implements OnInit {

public title: any = {};
public leftButton : any = [
                            {logo:""}
                          ];




private _defaultConfig: any = {
    title: "Please Specify You title",

    leftButton :[
    { icon : "md-alarm" },
    ]

}; 
{
@Input() config: any;

ngOnInit() {
    console.log(this.config);
    if(this.config.leftMenu.logo == ""){
        this.leftButton.logo = this._defaultConfig.leftButton.icon;
    } else {
        this.leftButton.logo = this.config._LeftButton.logo;
    }
  if(this.config.LeftMenu)

最后，最终，它会将用户输入的内容绑定到下面的html文件

     <ion-buttons start class='ion-btn-start'>
        <button ion-button class="logo-btn">
            <ion-icon name="{{leftButton.logo}}">
            </ion-icon>
        </button>


          <!-- Button 2 -->
       <!--  <button ion-button class="btn2-icon">
            <ion-icon name="{{button2}}">
            </ion-icon>
        </button> -->
     </ion-buttons>

Answer 1

所以，据我所知，有两个问题。 1.将数据从第一个文件传递到第二个文件坚持下去。为此，您可以使用Sqlite插件将_headerConfig json保存到localStorage或Sqlite，并获取ngOnInit上的数据并将其分配给变量。然后可以跨应用程序访问来自本地存储的数据。 2.用于显示输出。即，将图标名称绑定到name属性，而不是name =＆＃34; {{leftButton.logo}}＆＃34;使用：[name] =＆＃34; leftButton.logo＆＃34;。

创建动态UI组件：Angular 2＆amp; Ionic2

1 个答案: