Angular Js简单表单不起作用

Question

今天开始学习 Angular js，现在我已经花了半个小时试图找出为什么它没有正确调用范围。 是codepen问题吗？我之前做过一个，效果很好。 如果您能提供帮助并向我解释出了什么问题，那就太棒了。 谢谢

代码也在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";

    });

Answer 1

应该是这样的

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

});

Answer 2

为了学习Angular，你应该把你传统的javascript编程放在一边……我建议你这样做：

1. 在执行任何操作之前，请浏览以下 URL 并尝试阅读几次：Angular 2 Tutorial

2. 之后，阅读 Angular2 Cli 并了解它是什么：Angular2 Cli

3. 然后使用代码编辑器(e.g. Visual Studio Code) 进行编程。

好的，一旦你完成了上述，你就会知道如何使用 Bootstrap 来生成你的表单并通过 Angular 组件访问它们。

我建议您花点时间，在着手编写代码之前，尽可能多地阅读。之后，您将了解在 Angular 中做事的速度。