'controller'的AngularJS代码无法启动

Question

我是AngularJS的新手，负责增强现有代码。

简化，以下是在html文件中：

<div class="popup-list" ng-controller="NumberCtrl">
  First number: <input type="number" ng-init="$scope.firstNum">
</div>

我希望在JavaScript文件中引用它：

angular.module('app').controller('NumberCtrl', function ($scope)
{
  $scope.firstNum = 100
});

然而，弹出模态窗口提供输入字段，但没有预先定义值= 100。

这里出了什么问题？

Answer 1

您不需要在视图中标记范围。

无论你在观看时使用什么，它都会从$scope获得。

在输入控件中使用ng-model以绑定数据。

喜欢这个

First number: <input type="number" ng-model="firstNum">

您可能在没有设置的情况下获取模块。

试试这个

angular.module('app',[]).controller

获取模块

angular.module('app')

设置模块

angular.module('app',[])

Answer 2

此外，您必须初始化模块，如：angular.module（'app'，[]）; 在使用它之前（注意空数组[]告诉angular你有0个依赖项并且你正在初始化一个新模块。）

谢谢你， 索马。