【问题标题】:Difference between $scope and scope in angularjsangularjs中$scope和scope的区别
【发布时间】:2017-10-06 00:52:53
【问题描述】:

我是 angularjs 的新手。我想知道 angularjs 控制器中的$scope 和 angularjs 指令中的scope 有什么区别。

我尝试在控制器中使用作用域,但出现以下错误:

错误:[$injector:unpr] 未知提供者:scopeProvider

【问题讨论】:

  • 这个link对你有用

标签: angularjs angularjs-directive angularjs-scope


【解决方案1】:

$scope$scopeProvider提供的服务。您可以使用 Angular 内置的依赖注入器将其注入到控制器、指令或其他服务中:

module.controller(function($scope) {...})

这是的简写

module.controller(['$scope', function($scope) {...}])

在第一个版本中,依赖注入器推断提供程序的名称(“$scopeProvider”)基于函数参数的名称(“$scope”+“Provider”)。 第二个版本也像这样构建提供程序名称,但在数组中使用 explicit '$scope',而不是函数参数名称。这意味着您可以使用任何参数名称来代替$scope

因此,您最终会得到如下代码: module.controller(['$scope', function(scope) {...}]) 其中scope 可以是任何东西,它是一个函数参数名称,可以是fooa12342saa

依赖注入器基本上是这样做的:

function controller(def) {
    //def[def.length-1] is the actual controller function
    // everything before are it's dependencies

    var dependencies = [];
    for(dep in def.slice(0, def.length-1)) {
         dependencies.push(__get_dependency_by_name(dep));
    }
    def[def.length-1].apply(dependencies);
}

我认为使用“scope”而不是“$scope”作为依赖名的原因现在很清楚了。没有定义“scopeProvider”。

【讨论】:

  • 感谢我能够让依赖注入器工作,但我想了解隔离范围,为什么我们在指令中使用隔离范围而不是 $scope
  • 一个孤立的范围仍然是一个范围。在此处阅读文档:docs.angularjs.org/guide/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-13
  • 2016-05-18
  • 1970-01-01
  • 1970-01-01
  • 2016-07-17
  • 1970-01-01
相关资源
最近更新 更多