Angular 2的ngModel无法工作(仅限javascript)

Angular 2 ngModel not working ( javascript only )

本文关键字:仅限 javascript 工作 ngModel Angular      更新时间:2023-09-26

我是Angular2(javascript)的新手,我能够用angular 5分钟教程制作一个简单的"Hello world"。我对Angular2的新变化很好奇,我开始阅读Angular2 Js文档,但我发现它是不完整的(糟糕),所以我开始尝试,我被困在了双向绑定上。它总是返回undefined

我的当前脚本:

( function(app) { 
  app.TestComponent =
    ng.core.Component({
      selector: 'test-comp',
      template: '<input ([ngModel])="name"><input type="button" (click)="click()" value="click">'
    }).Class({
      constructor: function(){},
      click: function(){ console.log(this.name) }
    })
})
(function(app) {                                                                                                                                
   app.AppModule =                                                                                                                                
     ng.core.NgModule({                                                                                                                           
       imports: [                                                                                                                                 
         ng.platformBrowser.BrowserModule                                                                                                         
       ],
       declarations: [ app.TestComponent ],                                     
       bootstrap: [ app.TestComponent ]                                                                  
     })                                                                                                                                           
     .Class({                                                                                                                                     
       constructor: function() {}                                                                                                                 
     });                                                                                                                                          
})(window.app || ( window.app = {} ));

令我困惑的是没有错误。这使得确定导致未定义的原因变得更加困难。的帮助!

必须是

[(ngModel)]

([ngModel])

它被称为香蕉在一个盒子里是有原因的;-)