有没有办法隐藏Angular 2中的组件？

Question

我的应用程序组件包含以下组件：

  <login-bar></login-bar>
  <banner></banner>
  <navbar></navbar>
  <router-outlet></router-outlet>
  <footer></footer>

我正在构建一个不需要横幅和页脚的页面。有没有办法在自定义的基础上隐藏视图中的组件？

谢谢。

Answer 1

您可以在TypeScript文件中创建一个布尔变量，并将其设置为false或使用某种方法来控制它是否应该可见。在您定义组件的TypeScript文件中：

<footer *ngIf="myFuncThatReturnsBoolean()"></footer>

然后在HTML部分视图中

public partial class Header1Type : HeaderType
{
    private string mSRefIdField;

    private string sSNRefIdField;

    private StatusCodeEnumType statusCodeField;

    private string statusMessageField;

    /// <remarks/>
    [System.Xml.Serialization.XmlAttributeAttribute()]
    public string MSRefId
    {
        get
        {
            return this.mSRefIdField;
        }
        set
        {
            this.mSRefIdField = value;
        }
    }



    /// <remarks/>
    [System.Xml.Serialization.XmlAttributeAttribute()]
    public string SSNRefId
    {
        get
        {
            return this.sSNRefIdField;
        }
        set
        {
            this.sSNRefIdField = value;
        }
    }

    /// <remarks/>
    [System.Xml.Serialization.XmlAttributeAttribute()]
    public StatusCodeEnumType StatusCode
    {
        get
        {
            return this.statusCodeField;
        }
        set
        {
            this.statusCodeField = value;
        }
    }

    /// <remarks/>
    [System.Xml.Serialization.XmlAttributeAttribute()]
    public string StatusMessage
    {
        get
        {
            return this.statusMessageField;
        }
        set
        {
            this.statusMessageField = value;
        }
    }
}

这应该可以解决问题。