根据routerlink active显示/隐藏kendo-panelbar-item

Question

我非常擅长使用Angular，而且我很擅长弄乱事物并同时享受乐趣。

我正在寻找一种方法来构建我的kendo-panelbar，并能够在用户选择它们时显示和隐藏面板中的项目。我在项目上有路由器链接，当用户选择页面上的项目或列表时，我希望kendo-panelbar-item显示：

＆＃13;

＆＃13;

<kendo-panelbar-item (stateChange)="onProjectDetailsSelect($event)"  title="Project Details"  >
	    			<kendo-panelbar-item    title="Job Info" routerLink="/project/projectdetails" ></kendo-panelbar-item>
	    			<kendo-panelbar-item    title="Photos" routerLink="/project/photos" ></kendo-panelbar-item>
	    			<kendo-panelbar-item    title="Staffing" routerLink="/project/staffing" ></kendo-panelbar-item>
	    			<kendo-panelbar-item    title="Look Ahead" routerLink="/project/lookahead" ></kendo-panelbar-item>
    		</kendo-panelbar-item>

＆＃13;

＆＃13;

＆＃13;

如果我没有正确解释，请提前抱歉。还在做我对Angular的崩溃研究。

在我上面的例子中，用户不会看到这些，直到我根据它们从路由器插座中的页面中选择变量。一旦我拥有了我需要的东西，我就需要关闭动作以显示和隐藏kendo-panelbar-item