Question

今天开始学习角度js，现在我已经花了半个小时试图找到为什么它现在没有调用范围。是代码问题吗？我做了一个前一个，它工作得很好。如果你可以提供帮助并向我解释什么是错的，那将是非常棒的。谢谢

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

HTML CODE

     <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编程放在一边......我建议你这样做：

浏览以下网址并尝试阅读几次，然后再做任何事情：Angular 2 Tutorial
然后，阅读Angular2 Cli并了解它是什么：Angular2 Cli
然后使用代码编辑器(e.g. Visual Studio Code)进行编程。

好的，完成上述操作后，您将了解如何使用Bootstrap生成表单并通过Angular组件访问它们。

我建议您花点时间在掌握代码之前，尽可能多地阅读。之后，您将了解在Angular中您能做多快的事情。

Angular Js Simple Form无效

2 个答案: