2016-03-19 20 views
0

下記のように、[(ngModel)]を使用した簡単なAngular 2 Get Startedの例で、TypeScriptの代わりにプレーンなjavascriptを使用しています。それは私に例外を与えている: ''の値アクセサーなし。Javascript ngModel: ''の値アクセサーがありません

<!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

+0

は、なぜそれが2.0.0-beta.0で動作しないこと?証明する。あなたはplnkrを持っています。 – real

+0

私はJSについて知りません。私は他の例を見つけましたが、これはJSでは必要ないと思われます。 –

+1

@realミニッツバンドルは使用しないでください。ベータ版以来の細分化は崩壊している。 'angular2-all.umd.min.js'を' angular2-all.umd.dev.js'に変更しても問題ありません。 –

答えて

1

、私はちょうど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.0メガバイトのファイルは、しかし...

関連する問題