ng-init 在 angularjs controller 末尾触发 function

Question

我想将用户名和 ID 从 php 登录页面传递到 angularjs controller onload。 我尝试通过 ng-init 调用 basicDetails(username, id)。 这个 function 在主 controller 的末尾触发。还有另一个问题将参数传递给 angularjs 变量打印在 basicDetails function 内部传递的值，外部它显示值为空

<body  ng-controller="mainController" ng-init="basicDetails('<?php echo$_SESSION["username"];?> ','<?php echo$_SESSION["itmsNo"];?> ')">
<center>
    <div >
      <b><?php echo htmlspecialchars($_SESSION["username"]); ?></b><br>
                <a href="reset-password.php" class="btn btn-warning">Reset  Password</a><br>
        <a href="logout.php" class="btn btn-danger">Sign Out</a>
    </div>   </center>
<!-- Main div showing different templates loaded by ng-view directive -->
<div class="container main"  ng-view>
</div>

主控制器.js

templeApp.controller('mainController', ['$scope','$rootScope','$http','webService', function($scope,$rootScope, $http,webService,user) {
    $rootScope.loggedUser;
    $scope.itmsNo;

    // This function trigger by ng-init , but called end of main controller 
    $scope.basicDetails = function(logedUser,itmsNo){
        $rootScope.loggedUser =logedUser;
        $scope.itmsNo =itmsNo;    
        console.log($scope.loggedUser );  // console print actual value          
    }
    console.log('..'+$scope.loggedUser );  // console print empty value

    $scope.user = webService.userData('impl/userData.php',$scope.loggedUser);

}]);

Answer 1

如您所说， ng-init在 controller 代码的 rest 之后运行。 这就是为什么当您尝试在basicDetails之外记录它时会得到undefined的原因。 它尚未设置，因为basicDetails设置它。

因此，在basicDetails中运行所有初始化代码：

templeApp.controller('mainController'...
  $scope.basicDetails = function(logedUser, itmsNo) {
    $rootScope.loggedUser;
    $scope.itmsNo;

    $rootScope.loggedUser = logedUser;
    $scope.itmsNo = itmsNo;
    console.log($scope.loggedUser);

    $scope.user = webService.userData('impl/userData.php', $scope.loggedUser);    
  }
}}

您可以将其从basicDetails重命名为类似init的名称，这样更有意义。

ng-init 在 angularjs controller 末尾触发 function

问题描述

1 个解决方案

解决方案1
2 2020-04-24 16:18:43

ng-init 在 angularjs controller 末尾触发 function

问题描述

1 个解决方案

解决方案1 2 2020-04-24 16:18:43

解决方案1
2 2020-04-24 16:18:43