Angular2

时间:2016-07-10 16:13:55

标签: javascript angular

我目前正在Angular2中构建应用程序。在这个应用程序中,我从一个像这样构建的数组中获取我的菜单项:

this.navigationItems = [
    {
        name: 'Name',
        url: ['/url'],
        attributes: [
            {
                customAttribute: 'key="value"'
            }
        ]
    }
}

我的模板如下所示:

<footer id="app-navigation">
    <ul class="app-navigation__list">
        <li class="app-navigation__item" *ngFor="let item of navigationItems"><a [routerLink]="item.url">{{ item.name }}</a>
            <ul class="app-navigation__sublist" *ngIf="item.subitems">
                <li class="app-navigation__subitem" *ngFor="let subItem of item.subitems"><a>{{ subItem.name }}</a></li>
            </ul>
        </li>
    </ul>
</footer>

我希望能够插入已分配的属性(如果存在)。说我有&#34;页面&#34;作为名称和自定义属性,我想将属性插入到我的模板中,就像在对象中一样。

我的解释是否有意义,如果不是,我很乐意加深。 长话短说,想要

<a #CUSTOMATTRIBUTE-IF-PRESENT#>{{ item.name }}</a>

提前致谢:)

0 个答案:

没有答案