I am working on a 3D eyewear project and I am trying to set the visibility of my 3D label. From all the info available the following should work:
$scope.view.wdg['seq02-stp01-cir02']['visible']=true;
However, as soon as I add this line to my Home.js the preview doesn't work anymore and the console shows an error:
TypeError: Cannot set property 'visible' of undefined
I have had this error before when I mistyped the name of the widget but it is correct this time around.😊
Using Vuforia Studio Version 8.5.7 (8.5.7.4613)
When I am looking on the error message it means that the object for the property is undefined
so because the $scope.view.wdg[] is ok -> means the only thing which could be wrong is this one:
'seq02-stp01-cir02' .
This should be the name of the widget ID :
- could you check ,please, if there a widget with such widget ID exist?
- If yes , what is the behavior when you set the visibility in UI - will it work then?
- the last point is in shich context is the code execute. - means
$scope.view.wdg['label-1]['text']="sometext here"
If you write simple in the e.g. Home.js this will lead to the eror what you described.
You can try this :
$timeout(()=>{ $scope.view.wdg['label-1]['text']="sometext here";},1500);
This will work when you timeout delay has enough large value (>500 or more). For some reason but it is possible to need more time (when some initialize task required with Thingworx background) therefore the better solution is to do something like this:
scope.$on('$ionicView.afterEnter', function () { //when 2d view is intilized
$scope.view.wdg['label-1]['text']="sometext here";
});This code will work for 2D widgets. But if you need to call the same code for model/modelIistems widget then you need to use the modelLoaded event
$rootScope.$on('modelLoaded',function(){
try{$scope.view.wdg['modelItem-1']['visible'] = true;
$scope.$applyAsync()} catch(wrong) {}
})
So , the modelLoaded event will fire after model loading is finished. Then it the model and all modelItem widgets to this model loaded and exist in the memory. In case that you have more than one model and your models / modelItems widgets are belonging to a model which is not loaded yet - in this case the try ... catch block will ignore the undefined error and the code will executed for each model. Of course you can check the argument - the model name passed to the event modelLoaded:
$rootScope.$on('modelLoaded', function() {
console.log("modelLoaded event");
const args = Array.from(arguments);
for( let i=0;i< args.length;i++ )
console.log("Event args["+i+"]="+args[i])
if(args[1]=='model-1'){
$scope.setWidgetProp('modelItem-1','visible',true);
//this is modelItem on model-1
$scope.setWidgetProp('button-3','text',"HideLabel");
//update the display
$scope.$applyAsync();}
})So I think one of the options mentioned above should solve your issue. If not then please, let me know!
