Question

我无法弄清楚这个简单的双向绑定在Angular 2中不起作用的原因是什么，它与配置相关，还是？

countCharacterOccurrences ::
  Foldable t => t Char -> [(Char, Int)]
countCharacterOccurrences = toAssocAsc . foldl' go emptyCM
  where
    go m c = alter (\curr -> fmap (+1) curr <|> Just 1) c m

这里我们有主文件：

import User from "../interfaces/user.interface.ts";
import {Component} from "angular2/core";

@Component({
  selector: 'application',
  template: '<h2>{{name}}</h2><input [(ngModel)]="name" /><input [(ngModel)]="name" />'
})
export class ApplicationComponent {
  public name:String = "test";
}

当我开始输入输入字段时，

之间的周围值是否未更新？

我无法继续使用Angular 2，如果这个简单的绑定不起作用，我不相信这与配置文件（webpack.config，tsconfig）有关。

index.html文件以防万一！

///<reference path="../node_modules/angular2/typings/browser.d.ts" />

import 'reflect-metadata';

import {bootstrap} from "angular2/platform/browser"
import {ApplicationComponent} from './components/application.component';

bootstrap(ApplicationComponent);

任何关于为什么双向绑定不起作用的想法，我都赞赏：）

Answer 1

如果你有一个Plunker或JSFiddle，这可能有助于理解那里的错误。

我从您的示例中删除了以下代码。它对我有用。这是我的Plunker与Angular2 2.0.0-beta。

import User from "../interfaces/user.interface.ts";

和

import 'reflect-metadata';

Angular2双向绑定不起作用

{{name}}

1 个答案: