html中双花括号显示,角度控制器返回空白Html页面中的双花括号

我正在打字与简单的绑定应用程序。我写了一个名为'bugCtrl'的控制器，它看起来在调试模式下工作得很好(还有console.log和alert)。这是我的html页面角度控制器返回空白Html页面中的双花括号

Bug List

There are {{ test ? '1' : '2' }} bugs (div1)

There are bugs (div2)

Descriptions : (div3)

There are {{ getLenght(); }} bugs (div4)

Display as Grid?

这是我的控制器和bugApp.js文件：

module app {

var bugApp = angular.module("bugApp",

[]);

}

module app.controller {

interface IWorkItems {

description: string;

status: string;

getView?(): string;

}

class BugCtrl {

workItems: Array;

test: string;

constructor($scope, $timeout) {

this.workItems = [

{ description: "Severe bug", status: "Open" },

{ description: "Minor bug", status: "Closed" }

];

this.test = "BBB";

alert(this.workItems[0].description);

console.log(this.workItems.length.toString());

console.log(this.workItems[0].description);

}

getLenght(): string {

return this.workItems.length.toString();

}

}

angular

.module("bugApp")

.controller("bugCtrl", BugCtrl);

}

这看起来很简单但我不能在这里解决问题。这是 the result I get: