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

回答

相关问题