Angular app中的奇怪的javascript错误

Question

我对此问题感到非常困惑： 我有一个Angular应用程序，我想用一个简单的javascript字符串更新来更改类，其中类名绑定到DOM。 最奇怪的是，在我的应用程序中，用于更改文本的最简单的语句不起作用，但如果我在chrome的控制台中运行完全相同的行，则文本将被更改。为什么此声明在我的应用中不起作用？是否有其他事情发生或者我错过了什么？

<textarea id="txtArea"></textarea>

以下是我的控制台的屏幕截图作为证据： http://imgur.com/xwIjtuT

Answer 1

请使用if else，而不是if。问题是所有if都保持为真，因此最终fsize被分配给xs。

Answer 2

这里也可以使用开关：

var fsize = $scope.form_size.split("-").pop();
switch (fsize){
    case "xs":
        fsize = "sm";
    break;
    case "sm":
        fsize = "md";
    break;
    case "md":
        fsize = "lg";
    break;
    case "lg":
        fsize = "xs";
    break;
}

$scope.form_size = "form-group-" + fsize