Show string depending on choice of widget

I’ve created a menu widget that I’ll place on each panel. The widget has a choice list so I can select the current panel (when placing the widget on the panel, I can choose from “home,house,office,garden”.

I would like to compare that string so I can add “checked” which is used in the CSS.

I’ve tried the following:

<input type="radio" name="slideItem" id="slide-item-2" class="slidemenu-toggle" [checked]="{{config.currentpanel}}=='office'"/>

And I hoped that I would receive:

<input type="radio" name="slideItem" id="slide-item-2" class="slidemenu-toggle" checked/>

This is how checked is defined in the CSS

.slidemenu .slidemenu-toggle:checked + label {
  opacity: 1;
}

Solved with

<input type="radio" name="slideItem" id="slide-item-2" class="slidemenu-toggle" ng-checked="(config.currentpanel == 'office')"/>