javascript - AngularJs $scope 参数名称

标签 javascript angularjs-directive angularjs-scope

我对 AngularJs 还很陌生。在最初的章节中,我看到 $scope 被使用,就像在 Controller 内部一样。

<script>
var app = angular.module('app1', []);
app.controller('ctrl1', function($scope) {
    $scope.fn = "John";
    $scope.ln = "Parker";
});
</script>

如果我将函数参数 $scope 替换为 $s 左右,则代码将不起作用。这是为什么?

我的意思是,看起来我们正在传递一个回调函数左右,那么为什么参数名称很重要?

请帮忙。

提前致谢
巴鲁

最佳答案

您可以重命名 $scope,但您需要添加一些字符串映射(因此 AngularJS 将弄清楚如何注入(inject)正确的项目)。该功能主要用于缩小:

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

app.controller('ctrl1', ['$scope', function($s) {
    $s.fn = "John";
    $s.ln = "Parker";
}]);

JSFIDDLE .

顺便说一句,最好停止使用 $scope 并开始使用 Controller 功能。了解它 here .

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

app.controller('ctrl1', function() {
    this.fn = "John";
    this.ln = "Parker";
});

<div ng-app="app1" ng-controller="ctrl1 as vm">
   {{vm.fn}}
</div>

JSFIDDLE .

关于javascript - AngularJs $scope 参数名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48657061/

相关文章:

javascript - 在 Angular 上调用 Controller 方法

angularjs - 指令不插值,在模板字符串中

javascript - NodeJS 模块 'request' 返回一些符号而不是 html

javascript - 如何使用 jquery 或 bootstrap 禁用表中的链接

javascript - 如何获取仅包含选定复选框中的值的数组?

angularJS valdr + ui-select 验证

jquery - 用指针更改 angularjs slider 的颜色

javascript - react 路由器开关未按预期工作

javascript - 查找上一个 <a> 元素?

javascript - 在指令内部调用时, Angular Controller 功能似乎无法一致工作