在两个模板化变量angularjs之间添加一个空格

Question

I have the following div. I am trying to add a space between two templated variables, but the single quotes keep showing up on the screen:

<b class="stylefont" ng-click="ctrl.display(1)">
   {{ctrl.car}} + ' ' + {{ctrl.car2}}
</b>

Answer 1

Simply do the following :

<b class="stylefont" ng-click="ctrl.display(1)">
   {{ctrl.car + ' ' + ctrl.car2}}
</b>

Answer 2

You can use '& nbsp;' character ( non-breaking space )

<b class="stylefont" ng-click="ctrl.display(1)">
   {{ctrl.car}}&nbsp;{{ctrl.car2}}
</b>