要解决在Angular 2中的Bulma变量在ngClass属性中不起作用的问题，可以按照以下步骤操作：

1. 首先，确保已安装并导入Bulma CSS框架。可以通过在angular.json（Angular 6及更高版本）或angular-cli.json（Angular 5及更低版本）文件中的styles数组中添加Bulma CSS文件路径来实现。

"styles": [
  "node_modules/bulma/css/bulma.css",
  "src/styles.css"
]

2. 在组件的HTML模板中，使用ngClass指令来动态添加Bulma类名。假设我们有一个组件变量isActive，根据它的值来添加或移除Bulma类名。

3. 在组件的TypeScript文件中，定义并初始化isActive变量，并在需要时更改其值。

import { Component } from '@angular/core';

@Component({
  // 组件配置
})
export class YourComponent {
  isActive: boolean = false;

  // 其他组件代码
}

通过这样的设置，当isActive为true时，is-active类将被动态添加到div元素中，当isActive为false时，该类将被移除。这样就可以在Angular 2中使用Bulma变量在ngClass属性中起作用了。