使用Angular.js中的按钮更改HTML5 Canvas的字体

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");
            }

在另一个功能中，我有用于画布的代码

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