我在[(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
答案 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文件虽然......