Javascript ngModel:''没有值访问器

时间:2016-03-19 22:02:41

标签: angular

我在[(ngModel)]的简单Angular 2入门示例中使用普通的javascript而不是TypeScript,如下所示。它给了我EXCEPTION:''。

没有值访问器
<!doctype html>
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.11/angular2-polyfills.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.11/Rx.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.11/angular2-all.umd.min.js"></script>
<script>
(function(app) {
  app.AppComponent = ng.core.Component({
    selector: 'my-div',
    template: '<h1>Hello {{obj.a}}</h1>' + 
      '<div><input type="text" [(ngModel)]="obj.a"/></div>',
  }).Class({
    constructor: function() {
      this.obj = {a: "World"};
    }
  });
})(window.app || (window.app={}));

(function(app) {
  document.addEventListener('DOMContentLoaded', function() {
    ng.platform.browser.bootstrap(app.AppComponent);
  });
})(window.app || (window.app={}));
</script>
<body>
<my-div></my-div>
</body>
</html>

错误产生于2.0.0-beta.1到2.0.0-beta.11。如果我使用原始的2.0.0-beta.0,上面的代码运行没有错误。

我认为这是最新版Angular 2的一个错误。我希望我错了,但是没有功能改变会破坏在2.0.0-beta.0中运行的东西。

这是plnkr:https://plnkr.co/edit/CqSeXeBpXgfgJUvBQ4mP?p=preview

1 个答案:

答案 0 :(得分:1)

根据Eric Martinez,我只需要使用angular2-all.umd.dev.js而不是angular2-all.umd.min.js。

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.11/angular2-all.umd.dev.js"></script>

那个1.0MB文件虽然......