Angular error [ngModel:nonassign] after upgrade

Apps & Services HABPanel
,
1

Hello,

I just upgraded to the latest Openhab version 2.5.0 Build #1761. All my things / bindings are working correctly, but when I go to Habpanel all indicators are N/A. In the browser debug I get this error:

Loaded 233 openHAB items
3vendor.js:119 Error: [ngModel:nonassign] http://errors.angularjs.org/1.5.11/ngModel/nonassign?p0=itemValue(config.item%2C%20true)&p1=%3Cbutton%20type%3D%22button%22%20class%3D%22btn%20btn-primary%20btn-lg%20ng-pristine%20ng-untouched%20ng-valid%20ng-binding%20ng-scope%22%20ng-model%3D%22itemValue(config.item%2C%20true)%22%20uib-btn-radio%3D%22x%22%20ng-click%3D%22sendCmd(config.item%2C%20x)%22%20ng-repeat%3D%22x%20in%20values%20track%20by%20%24index%22%3E
    at http://x.x.x.x:8080/habpanel/vendor/vendor.js:6:426
    at gh.$$setOptions (http://x.x.x.x:8080/habpanel/vendor/vendor.js:287:81)
    at Object.pre (http://x.x.x.x:8080/habpanel/vendor/vendor.js:294:212)
    at http://x.x.x.x:8080/habpanel/vendor/vendor.js:16:71
    at sa (http://x.x.x.x:8080/habpanel/vendor/vendor.js:82:244)
    at n (http://x.x.x.x:8080/habpanel/vendor/vendor.js:67:319)
    at g (http://x.x.x.x:8080/habpanel/vendor/vendor.js:59:428)
    at http://x.x.x.x:8080/habpanel/vendor/vendor.js:59:67
    at http://x.x.x.x:8080/habpanel/vendor/vendor.js:64:67
    at d (http://x.x.x.x:8080/habpanel/vendor/vendor.js:60:404) <button type="button" class="btn btn-primary btn-lg ng-pristine ng-untouched ng-valid ng-binding ng-scope" ng-model="itemValue(config.item, true)" uib-btn-radio="x" ng-click="sendCmd(config.item, x)" ng-repeat="x in values track by $index">

I cant seem to find the reason for this, any help is very welcome.

Thanks,
Bastiaan

2

I have found the problematic widget:

<div style="margin:auto;padding:0px 0px 10px;">{{config.title}}</div>
<div class="btn-group" btn-checkbox-true 
     ng-init="values = config.values.split(',');labels = config.labels.split(',')">

  <button type="button" class="btn btn-primary btn-lg" ng-model="itemValue(config.item, true)" uib-btn-radio="x"
ng-click="sendCmd(config.item, x)" ng-repeat="x in values track by $index">{{labels[$index]}}</button>
</div>

I’m no angular specialist, so what could be wrong with this?

3

Have solved it by removing the function from ng-model, somehow this behaviour has changed with the new Openhab/Habpanel.

Have moved it to a variable like this, perhaps not the neatest but it works:

<Script>
var buttonItem = itemValue(config.item, true);
</Script>


<div style="margin:auto;padding:0px 0px 10px;">{{config.title}}</div>
<div class="btn-group" btn-checkbox-true 
     ng-init="values = config.values.split(',');labels = config.labels.split(',')">

  <button type="button" class="btn btn-primary btn-lg" ng-model="buttonItem" uib-btn-radio="x"
ng-click="sendCmd(config.item, x)" ng-repeat="x in values track by $index">{{labels[$index]}}</button>
</div>