Измените шрифт HTML5 Canvas с помощью кнопки в Angular.js

Question

Я хочу изменить шрифт моего HTML-холста с помощью кнопки. Когда я нажму на эту кнопку, сработает функция в моем файле angularjs, и шрифт будет изменен. Но на самом деле здесь ничего не происходит.Я могу изменить цвет фона, но не шрифт.

Код части HTML

<button type="button" id="btn" ng-click="changefont()">Font</button>
     <div>
        <canvas ng-style="mybody" id="myCanvas"  style="border:1px solid #d3d3d3;">
        Your browser does not support the HTML5 canvas tag.</canvas>
     </div>

Код части Angular.js

           $scope.changefont=function(){
                $scope.mybody = {

                    "font" : " 15px sans-serif",
                    "background-color" : $scope.bcname

                }
                console.log("fontclick");
            }

inдругая функция у меня есть код для холста

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillText(strings, 100, 100*(i+1));