选择中的ng-init在angularJS中不起作用

在AngularJS中，ng-init是一个内置的指令，用于在页面加载时初始化变量或执行一些逻辑。然而，ng-init并不是推荐的做法，因为它会导致将逻辑放在视图层中，使代码难以维护和测试。

相反，推荐的做法是在控制器中使用$scope对象来初始化变量。控制器是AngularJS中的一个组件，用于管理视图和模型之间的交互。通过在控制器中定义变量并将其绑定到视图中，可以更好地组织和管理代码。

以下是一个示例，展示了如何在控制器中初始化变量：

angular.module('myApp', [])
  .controller('myController', function($scope) {
    $scope.myVariable = 'Hello, World!';
  });

在上述示例中，我们创建了一个名为myApp的AngularJS模块，并定义了一个名为myController的控制器。在控制器中，我们使用$scope对象将myVariable变量初始化为'Hello, World!'。然后，可以在视图中使用{{myVariable}}来显示该变量的值。

关于ng-init的替代方案，可以使用ng-controller指令来指定控制器，并在控制器中初始化变量。例如：

<div ng-app="myApp" ng-controller="myController">
  {{myVariable}}
</div>

在上述示例中，我们使用ng-controller指令将myController控制器应用于一个div元素，并在其中显示myVariable变量的值。

总结起来，ng-init在AngularJS中不起作用，推荐的做法是使用控制器来初始化变量。这样可以更好地组织和管理代码，并提高代码的可维护性和可测试性。

腾讯云相关产品和产品介绍链接地址：

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云