Angular Js Simple Form not working

-3

今天開始學習angular js，現在我已經花了半個小時試圖找出爲什麼它沒有正確調用範圍。它是codepen問題嗎？我做了一個之前，它運行良好。如果您可以幫助並解釋我會出現什麼問題，那真是太棒了。謝謝Angular Js Simple Form not working

代碼也需要在https://codepen.io/pars3c/pen/wdbBmE?editors=1010

HTML代碼

 <div ng-app="info-app" ng-controller="infocontroller"> 
    <p>Nome <input type="text" ng-model="nome"></p> 
    <p>Idade <input type="text" ng-model="idade"></p> 
    <p>Morada <input type="text" ng-model="morada"></p> 

    <p>Toda a minha info: {{nome+" "+idade+" "+morada}}</p> 
    </div>

的Javascript

var app = angular.module ("info-app", []); 
    app.controller = ('infocontroller', function ($scope){ 
    $scope.nome = "Aderito"; 
    $scope.idade = "25"; 
    $scope.morada = "Alcantarilha"; 

    });

來源

2017-05-27 wydtron

應該是這樣

app.controller('infocontroller', function ($scope){ 
    $scope.nome = "Aderito"; 
    $scope.idade = "25"; 
    $scope.morada = "Alcantarilha"; 

});

來源

2017-05-27 17:16:06

OMFG即時通訊如此愚蠢。 – wydtron

非常感謝你的兄弟。我現在爲自己的笨拙感到羞愧 – wydtron

@wydtron：在經過半個小時的努力之後，很好地看你的代碼，而不是轉向SO。 –

爲了學習Angular，你應該把你的傳統Javascript編程一邊......我建議你做以下：

瀏覽以下網址，並嘗試做任何事情之前閱讀了幾次：Angular 2 Tutorial
之後，讀Angular2 CLI和理解它是什麼：Angular2 Cli
然後使用代碼編輯(e.g. Visual Studio Code)做你的節目。

好的，一旦你完成了上述工作，你就會知道如何使用Bootstrap來生成你的表單並通過Angular組件訪問它們。

我建議你花些時間，然後在開始使用代碼之前儘可能多地閱讀代碼。之後，你的意志會學習你在Angular中做事的速度。

來源

2017-05-27 18:21:36 Arash

如果你將開始遵循區分不同版本的慣例，那將是一件好事。在向人們寫作或解釋事物時，不要混合* Angular *（v2 +）和* Angularjs *（v1.x）。希望這會幫助你:) –

Angular Js Simple Form not working

回答

相關問題