如何将输入作为字符串传递给angular

时间:2016-12-06 04:32:31

标签: angular

    <page [pagetitle]="pagePath">  

<content>
    <section title="Landlords" [isExpanded]="sectionExpansionStatus[0].isExpanded" (onSectionExpandChange)="onSectionExpandChange($event)">
        <landlord-list [categorytype]=1 *ngIf="sectionExpansionStatus[0].isExpanded"></landlord-list>
    </section>
    <section title="Tenants" [isExpanded]="sectionExpansionStatus[1].isExpanded" (onSectionExpandChange)="onSectionExpandChange($event)">
        <landlord-list [categorytype]=2 *ngIf="sectionExpansionStatus[1].isExpanded"></landlord-list>
    </section>
    <section title="Additional Data Field">
        <additional-datafields [addlDataFieldCategoryId]="30"></additional-datafields>
    </section>       
</content>

我可以像这样从我的组件中访问这个'categorytype'。

      if (contextObj.categorytype == 1)
        {
            //write code here

        }

如果我想将categorytype作为字符串传递..我该怎么做?如何从组件访问?

2 个答案:

答案 0 :(得分:0)

如果您只想将该字段作为字符串传递,可以使用以下几种方法:

var strCategory = contextObj.categorytype + "";
var strCategory = String(contextObj.categorytype);
var strCategory = contextObj.categorytype.toString()

通过组件访问:

使用@ViewChild访问视图中的某个元素。

使用[attr.src]创建与&#39; src&#39;的绑定元素的属性。

如果出于某种原因需要更改DOM,请使用Renderer

答案 1 :(得分:0)

您可以将categorytype测试为这样的字符串......

  if (contextObj.categorytype.toString() === "1")
    {
        //write code here

    }

或将其传递给您的组件

 <div [categorytype]="1"></div>

如果使用输入法,请确保将categorytype声明为组件内的字符串。