typescript - typescript 中的@bindable 不起作用

Question

我将 aurelia 与 TypeScript (v 1.5.4) 结合使用。我正在使用 https://github.com/aurelia/<>/blob/master/dist/amd/aurelia-<>.d.ts 中的类型化定义.我还使用 VS 2015 通过以下 TypeScript Build 配置进行开发: .

但是当我使用 @bindable 时在我的虚拟机和 View 中，它似乎不起作用。下面是我尝试在导航栏中使用的示例:

nav-bar.ts :

import aur = require("aurelia-framework");
import bindable = aur.bindable;

export class NavBar {
      @bindable router = null;
      ....
}

这就是我在 app.html 中使用它的方式:

<template>
<import from='./nav-bar'></import>

<nav-bar router.bind="router"></nav-bar>


<div class="page-host row">
    <router-view></router-view>
</div>
</template>

但由于某种原因它不起作用。如果我需要做一些不同的事情，请告诉我。

谢谢。

Answer 1

我最近切换到 TypeScript 但我不需要更改我的 @bindable，我确实添加了一个类型来让编译器满意...

import { bindable} from 'aurelia-framework';

export class SomeClass{
  @bindable property: boolean = false;
  ...
}

尽管我的 NavBar 在绑定(bind)路由器和注入(inject)路由器时确实遇到了问题，但在这种情况下，我为注入(inject)的路由器使用了一个别名。