在angular js中将javascript变量传递给ng-click事件

Question

我想将Javascript变量传递给angular js中的ng-click事件，但获取空值。

以下是我的JavaScript变量，需要将其传递给angular js

<script>

var userid = localStorage.getItem("userid");
var uName = localStorage.getItem("name");
var uage = localStorage.getItem("age");


<script>

下面是我的角度js控制器

<script>
app1 = angular.module('app1');

        app1.controller('mainCtrl',
                ['$scope', '$rootScope', function ($scope, $rootScope) {

               console.log("Data okay");

                    }]);

<script>

这是将变量传递给NG-CLICK事件的方法

<li ng-show=" ap in parkers | filter:{ name: uname } " id="userid"  ng-click="connect(userid,uname,uage)">
</li>

我如何才能做到这一点并确保它会起作用。 谢谢

Answer 1

您的变量需要附加到控制器的$scope 。 删除变量并添加$scope变量，如下所示：

app1.controller('mainCtrl',
        ['$scope', '$rootScope', function ($scope, $rootScope) {

       console.log("Data okay");
       $scope.userid = localStorage.getItem("userid");
       $scope.uName = localStorage.getItem("name");
       $scope.uage = localStorage.getItem("age");
       $scope.connect = function(userId, uName, uAge){
           console.log('It worked!'); 
       }

}]);

请注意， connect函数还需要附加到$scope ，才能通过ng-click调用。