Question

如何使用javascript范围变量值

初始化AngularJS变量

类似的东西：

xyz.controller(
(
$scope.country="Canada"; );

javascript ：

<script>

var country = {{scope.country}};

</script>

Answer 1

您可以使用$scope.scopeVariableName访问角度js范围变量为了通过

将其分配给javascript变量

var varibleName = $scope.scopeVariableName;

如果您在UI中使用范围对象（使用controllerAs语法），我们可以使用this变量

来分配它

var varibleName = this.scopeVariableName;

示例：

<div ng-controller="yourController">
     {{scopeVariableName}}
</div>

控制器：

function yourControllerFunction($scope){

   $scope.scopeVariableName = "Canada";
   var variableName = $scope.scopeVariableName;
}

yourControllerFunction.$inject = ['$scope'];

angular.module('yourMainModule').controller('yourController', yourControllerFunction);

Answer 2

HTML：

<body ng-controller="MainCtrl">
    <p>{{country}}</p>
</body>

JS：

var xyz = angular.module('app', []);

xyz.controller('MainCtrl', function($scope) {
  $scope.country = 'Canada';
  var country = $scope.country;
  jQuery('html, body').animate({scrollTop: 0}, 200);
});

这是一个Plunker https://plnkr.co/edit/hHRPzDQKbtSUppzpxfI2?p=preview

使用angularjs范围变量初始化javascript变量

2 个答案: