Javascript 简单的Angular JS模块不工作，但主Angular脚本工作

我正在学习Angular JS，我写了一段非常简单的代码，但它似乎工作不正常，代码如下所示。我知道Angular正在工作，因为双花括号中的表达式是在HTML（{3*14}}}=42）中计算的。问题是，span中的文本应该根据输入中的值进行更改，因此如果它可以被2整除，那么它就是粗体的，以此类推。所以问题似乎是它不会使用我的自定义javascript模块。有没有办法解决这个问题

//script.js
var root=angular.module（'root'，[]）；
root.controller（'索引'，['$scope'，函数（$scope）{
$scope.value=1；
$scope.isBold=函数（）{
返回$scope.value%2==0；
};
$scope.isItalic=函数（）{
返回$scope.value%3==0；
};
$scope.is下划线=函数（）{
返回$scope.value%5==0；
};
}]);

示例文本
{{3*14}}
您的代码似乎正常。只需将此样式添加到html中即可获得视觉效果：

<style>
  .bold {font-weight: bold;}
  .underline {text-decoration: underline;}
  .italic {font-style: italic;}
</style>


.bold{font-weight:bold；}
.underline{文本装饰：underline；}
.italic{字体样式：italic；}

感谢@naren murali的支持。
也请包括此演示，谢谢。这很有效，这是新的演示。