脚本内的角度范围

Question

我们可以像下面这样在脚本标签内使用作用域中定义的角度变量吗？

HTML 代码：

<div ng-controller="AngularCtrl">
 <script>
  alert($scope.user_name);
 </script>
</div>

JS代码：

function AngularCtrl($scope){
 $scope.user_name = 'John';
}

我只是得到'$scope 未定义'。有人可以帮我解决我在这里做错的事情吗？

Answer 1

不，你不能。 $scope 仅在 inside Angular 中定义，即在您的 AngularCtrl-function 中。有一些方法可以从外部访问角度范围，但这通常是不好的做法，并且表明您没有正确使用 Angular。

做你正在尝试的事情的一个更加有角度的方法是让警报成为控制器逻辑的一部分：

function AngularCtrl($scope) {

    $scope.user_name = 'John';

    $scope.sayHi = function(){
        alert('Hi ' + $scope.user_name);
    }
}

然后，您可以使用各种角度技术 (Demo Here) 来调用该 sayHi() 函数。一些例子：

响应点击

<div ng-click="sayHi()">Demo clickable - Please click me</div>

在创建/初始化给定元素时自动一次

<div ng-init="sayHi()">Demo ng-init</div>

初始化时直接从控制器中

function AngularCtrl($scope) {

    $scope.user_name = 'John';

    $scope.sayHi = function(){
        alert('Hi ' + $scope.user_name);
    }

    // Call it
    $scope.sayHi();
}

希望这些例子能鼓舞人心，但你真正应该做什么取决于你真正想要完成的事情。