Angular&打字稿:未定义控制器范围

时间:2017-12-01 20:36:24

标签: angularjs typescript partials

我有一个带有Typescript的1.5角应用程序,如下所示:

mymodule.module.ts:

angular.module('mymodule', []).component('mycomponent', new MyComponent());

mycomponent.component.ts

export class MyController {
    public authorized: boolean;

    constructor() {
        this.authorized = false;
    }

}

export class MyComponent implements ng.IComponentOptions {
    controller = MyController;
    controllerAs = 'vm';
    templateUrl = $partial => $partial.getPath('mytemplate.html');
}

mytemplate.html

...
<div ng-show="vm.authorized">
...
</div>
...

问题是,mytemplate.html无法识别vm和vm.authorized。 div总是显示出来。我做错了什么?

1 个答案:

答案 0 :(得分:1)

您的HTML似乎定义不正确。 应该是ng-show="vm.authorized"而不是ng-show:"vm.authorized"

请注意=。