“控制器”的AngularJS代码无法启动

AngularJS code for 'controller' does not kick in

本文关键字：控制器 启动 代码 AngularJS      更新时间：2023-09-26

我是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。

这里出了什么问题？

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

无论您在View上使用什么，它都会从$scope .

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

喜欢这个

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

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

像这样尝试

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

获取模块 

angular.module('app')

设置模块

angular.module('app',[])

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

相关文章：