link is not clickable at first time with ui-sref but after refresh of screen it does work

Question

I have a hyperlink to be clickable and i have used ui-sref in the tag to navigate to certain page but it doesn't seem working for first time but rather works after refresh of page

My HTML

 <a class="col-sm-4 req-statements-count req-clickable" id="total-baselines" ng-model="vm.totalBaselines" ui-sref ="{{((vm.analysisOutputResult.baselinesfoundcount || 0) !==0) ? 'app.baselines-extractor':'.'}}">{{vm.analysisOutputResult.baselinesfoundcount || 0}} <span class="req-fr-nfr-label" id="fr-label">Total Baselines</span></a>