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

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

javascript jquery angularjs

使用angularjs范围变量初始化javascript变量,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,如何使用AngularJS范围变量的值初始化javascript变量比如： xyz.controller( ( $scope.country="Canada"; ); javascript： <script> var country = {{scope.country}}; </script> var country={{scope.country}；您可以使用$scope.scopeVariableName 为了将其分配给javascript变量，只需 v

如何使用

AngularJS

范围变量的值初始化

javascript

变量

比如：

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

javascript：

<script>

var country = {{scope.country}};

</script>


var country={{scope.country}；

您可以使用

$scope.scopeVariableName

为了将其分配给javascript变量，只需

var varibleName = $scope.scopeVariableName;

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

this

变量分配它

var varibleName = this.scopeVariableName;

例如：

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

HTML:

这是一个Plunker

var country=$scope.country

？如何在angularjs控制器中调用JQuery函数！！另外，将链接添加到控制器和jQuery脚本的顺序是什么。您需要在angular.js之前添加jQuery.js。调用jQuery，例如

jQuery（'html，body'）.animate（{scrollTop:0}，200）
function yourControllerFunction($scope){

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

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

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

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

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

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