草庐IT

javascript - 为什么 Angular Controller 需要 "$scope"

coder 2024-12-15 原文

我通常了解到函数实现可以为函数参数使用任何名称，只要以正确的顺序提供即可。这使得函数从外部世界抽象出来，本地名称对输出没有影响。实现者拥有局部变量的所有权利。然而在 Angular JS 中，拥有类似这样的东西似乎有违直觉:

function Controller($scope)
{
    $scope.name = "Something";
}

如果我把“bar”放在那里而不是“$scope”，我会得到一个错误。这不是我们习惯的正常功能。我相信这与 DI 有关，但谁能解释这个概念？我发现很难将其称为“函数”，因为它依赖于外部世界 - 尤其是参数名称。

如果 DI 是真正的原因，谁能告诉我它是如何被调用的？通常，当我想为测试用例模拟一个对象时，我会想到 DI 做得很好。在这种情况下，DI 扮演什么 Angular 色？

在我遇到的 DI 的正常场景中，传递的参数为函数提供服务，例如 foo displayTime(clock) { clock.something } 。时间只是为功能服务。然而，在这里我发现，$scope 和框架似乎发挥了神奇作用，函数只是作为表达逻辑的声明方式。

编辑:显然 JS minify 破坏了这个功能，我们需要像 How do the function argument names in Angular.js objects connect to other objects? 中那样做

最佳答案

定义 Controller 的一种方法是这样的:

myApp.controller("TestController", ['$scope', function(bar) {
   // now "bar" is actually the scope variable
}]);

angular 如此工作的全部原因是因为它进行依赖注入(inject)的方式。基本上它会寻找依赖项(例如 $scope)并尝试根据变量的名称注入(inject)它们。这意味着如果您将 $scope 命名为不同的名称，那么它会尝试注入(inject)其他项目。 bar 不是 Angular 知道如何注入(inject)的东西，因此您将获得 undefined 值而不是您期望的 $scope 。

我上面的示例之所以有效，是因为我使用数组将要注入(inject)的变量的名称与变量本身分开。现在你不必使用单词 $scope 但你必须保持变量的顺序相同。 DI 的整个概念太复杂了，无法在一篇简短的文章中解释，所以我建议在 Angular 的网站上阅读更多相关信息:https://docs.angularjs.org/tutorial/step_05

DI 的点( Angular )

如果您想知道 - 为什么要这么麻烦？为什么不自动将 $scope 注入(inject)列表中的第一个变量？答案是 - 灵 active 和定制化。使用 Angular，您可以定义您的服务和工厂，然后将它们注入(inject)您的 Controller 。这使您能够定义共享例程、对象甚至自定义控件，然后根据需要在任意多个 Controller 上使用它们。没有 DI - 这一切都不可能。同样，这些都是非常复杂的概念，所以我建议从“它有效”的信念开始，学习服务，然后你可以回过头来阅读更多关于它的信息。在这一点上，我认为 DI 应该更有意义!

祝你好运!

关于javascript - 为什么 Angular Controller 需要 "$scope"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23807579/

javascriptControllercodescopesectionangularjsfunction

有关javascript - 为什么 Angular Controller 需要 "$scope"的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  3. ruby - 我需要将 Bundler 本身添加到 Gemfile 中吗？ - 2

    当我使用Bundler时，是否需要在我的Gemfile中将其列为依赖项？毕竟，我的代码中有些地方需要它。例如，当我进行Bundler设置时:require"bundler/setup" 最佳答案 没有。您可以尝试，但首先您必须用鞋带将自己抬离地面。 关于ruby-我需要将Bundler本身添加到Gemfile中吗？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/4758609/

  4. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  5. ruby-on-rails - Rails - 子类化模型的设计模式是什么？ - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co

  6. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们？ - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  7. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  8. ruby - 为什么 4.1%2 使用 Ruby 返回 0.0999999999999996？但是 4.2%2==0.2 - 2

    为什么4.1%2返回0.0999999999999996？但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意，这不是与Ruby相关的问题，而是与所有编程语言相关的问题，因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返

  9. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本，我按照提供的说明安装了arubagem。它在我的Gemfile中，我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作，我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了，但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  10. ruby - rspec 需要 .rspec 文件中的 spec_helper - 2

    我注意到像bundler这样的项目在每个specfile中执行requirespec_helper我还注意到rspec使用选项--require，它允许您在引导rspec时要求一个文件。您还可以将其添加到.rspec文件中，因此只要您运行不带参数的rspec就会添加它。使用上述方法有什么缺点可以解释为什么像bundler这样的项目选择在每个规范文件中都需要spec_helper吗？ 最佳答案 我不在Bundler上工作，所以我不能直接谈论他们的做法。并非所有项目都checkin.rspec文件。原因是这个文件，通常按照当前的惯例，只

随机推荐