使用ng-class根据isApplication函数切换Bootstrap类失效，求排查用法

你的ng-class语法本身是正确的，但之所以没按预期工作，大概率是因为你没有正确调用isApplication函数——毕竟你提到它是一个函数，而不是普通变量。

下面是具体的问题点和修正方案：

• 必须调用函数，而非引用函数本身
  你当前代码里写的是isApplication，Angular会把它当成作用域变量读取，而不是执行这个函数。正确的写法应该加上括号调用函数：

  <div ng-class="{'col-md-6': isApplication(), 'col-md-3': !isApplication()}"></div>
  

• 确认函数返回值为布尔值
  检查你的isApplication函数是否确实返回了true或false，而不是undefined、null或者其他非布尔值。比如函数里有没有遗漏return语句？举个正确的函数示例：

  $scope.isApplication = function() {
    // 替换成你的实际验证逻辑
    return someApplicationStatus === true;
  };
  

• 验证函数在当前作用域可访问
  确保isApplication函数定义在当前div所在的控制器作用域内，没有因为作用域继承（比如嵌套指令、ng-repeat等）导致无法访问的情况。你可以在模板里临时添加{{isApplication()}}来测试函数是否能正确执行并返回值。

另外，你也可以用更简洁的三元表达式写法，效果完全一致：

<div ng-class="isApplication() ? 'col-md-6' : 'col-md-3'"></div>

内容的提问来源于stack exchange，提问作者zomdar