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

时间:2016-10-27 07:24:55

标签: javascript angular

所以我是Angular2(javascript)上的新手,我能够制作一个简单的#34; Hello world"用角度5分钟的教程。我很好奇Angular2上的新变化我开始阅读Angular2 Js文档,但我发现它不完整(很糟糕),所以我开始玩游戏,我被困在双向绑定上。它总是返回未定义的

我目前的剧本:

( 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 = {} ));

令我困惑的是,没有错误。这使得识别导致未定义的最新情况变得更加困难。救命啊!

1 个答案:

答案 0 :(得分:1)

必须是

[(ngModel)]

([ngModel])

出于某种原因,它在一个盒子里叫做香蕉; - )