尝试将 $element 注入 ng-view 会导致未知提供者错误

2023-12-02

我想知道这是否是一个错误或记录在某处。似乎将 $element 注入 ng-view 指令附加的控制器失败。这是一个例子:

脚本.js:

  .controller('MainCtrl', ['$route', '$routeParams', '$location', '$element',
    function($route, $routeParams, $location, $element) {
      // Works here
      console.log('MainCtrl', $element);
      this.$route = $route;
      this.$location = $location;
      this.$routeParams = $routeParams;
  }])
  .controller('BookCtrl', ['$routeParams', '$element', function($routeParams, $element) {
    // Broken here
    console.log('BookCtrl', $element);
    this.name = "BookCtrl";
    this.params = $routeParams;
  }])

http://plnkr.co/edit/S7ziY6i3eMGn4RtetG0l?p=preview


MainCtrl被注入$compile提供的服务$element作为当地人。BookCtrl被注入ngRoute这不提供$element作为当地人。欲了解更多信息$compile注入当地人,请参阅AngularJS $compile API 参考 -- 控制器.

The locals that ngRoute注入是$scope, $template,以及其他属性$resolve map.


来自ngRoute Docs:

locals

当地人使用的地图$控制器服务于 控制器实例化。这locals包含 的解析值resolve地图。另外还有locals还包含:

  • $scope- 当前路由范围。
  • $template- 当前路由模板 HTML。

The locals将被分配到路由范围的$resolve财产。您可以覆盖 属性名称,使用resolveAs在路由定义中。看$routeProvider了解更多信息。

-- AngularJS ngRoute $route API 参考


来自$compile Docs:

控制器

控制器构造函数。控制器在预链接阶段之前实例化,并且可以通过其他指令访问(请参阅 require 属性)。这允许指令相互通信并增强彼此的行为。控制器是可注入的(并支持括号表示法)跟随当地人:

  • $scope- 与元素关联的当前范围
  • $element- 当前元素
  • $attrs- 元素的当前属性对象
  • $transclude- 嵌入链接函数预先绑定到正确的嵌入范围:

-- AngularJS 综合指令 API - 控制器

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

尝试将 $element 注入 ng-view 会导致未知提供者错误 的相关文章

  • 如何使角度表单只读并可使用编辑按钮进行编辑?

    有没有办法让整个 Angular 表单只读 然后在单击编辑时可编辑 您可以按照当前答案 评论中的建议单独禁用所有表单元素 也可以将所有表单元素包装在 fieldset 更多信息 https developer mozilla org en
  • Protractor:是否可以测试我的应用程序中没有404?

    我是量角器的新手 我想编写一个测试来查看是否存在带有 url 的锚点给出 404 错误 我见过这个如何用量角器测试html链接 https stackoverflow com questions 29212375 how to test h
  • Angularjs $http 似乎不理解响应中的“Set-Cookie”

    我有一个带有 Passport 模块的 Nodejs Express REST api 用于身份验证 登录方法 GET 在标头中返回一个 cookie 当我从 Chrome 调用它时 它工作正常 我的 cookie 已在我的浏览器中设置 但
  • 为什么 AngularJS 指令(属性等)在 WebStorm 8 中显示为“无效”?

    我几个小时前刚刚安装了 WebStorm 8 我一直在写一些 AngularJS 的东西 但我有一个相当烦人的小问题 AngularJS 插件似乎只能部分工作 每当我输入 ng 时 我都会收到一个智能感知弹出窗口 其中显示所有各种 ng 属
  • 角度 $location.path 不起作用

    我有一个类似的问题this one https stackoverflow com questions 11784656 angularjs location not changing the path 但不同 在这里我试图添加一个事件侦听
  • Angular UI-Router:多个 URL 到单一状态

    我已经开始使用 Angular 的 ui router 并且我正在尝试弄清楚如何让多个 URL 引用单个状态 例如 orgs 12354 overview retyrns the same pages as org overview 我的
  • 如何在打字稿中使用外部js

    我通过 Typescript 代码生成 Angular JS 代码 在一种情况下 我需要将外部 JS 文件添加到我的打字稿文件中 并且需要访问 js 文件中的类 我像这样添加js文件
  • 如何创建一个非单例的 Angular JS 服务?

    因为每个服务都是单例 调用 injector get 每次仍然给我相同的实例 如何在另一个服务中使用一个服务的多个实例 请记住 我的非单例类的声明不得污染全局命名空间等 我的示例如下 我希望 injector get serviceCall
  • Google 使用 Angular JS 放置自动完成功能

    我试图让谷歌地点自动完成与 Angular JS 一起工作 这是jsfiddle http jsfiddle net punchouty cTD2a 2 place change 事件后模型未更新 它正在根据输入的变化进行更新 下面是 ht
  • 在 Angular JS 中撤消重做

    我有一个大对象排列在 rootScope 中 比如说 gt 100 个对象 每个对象又具有对象 数组的层次结构 我想使用 deepWatching watch 整个 rootScope 即将 watch 的第三个参数设置为 TRUE 但这里
  • Jasmine 单元测试不等待承诺解析

    我有一个有角度的服务 它具有像这样的异步依赖项 function angular module app factory myService q asyncService function q asyncService var myData
  • 将 MobileServiceClient 与 AngularJS 集成

    我正在尝试使用 Angular 中的 WindowsAzure MobileServiceClient 来执行单点登录和 CRUD 操作 作为一名 Angular 菜鸟 我正在尝试找出实现此目的的最佳方法 在 run 中的 rootScop
  • 使用 $emit 和 $on 从子模态到父 angularjs

    我有这种情况 两个文件 都在同一个应用程序中 var app angular module myapp 文件一是父文件 我有 app controller ControllerOne scope http modal function sc
  • AngularJs 表单发布数据在我的 spring 控制器中给出空值

    大家好 我正在尝试使用 Angular 发布表单 但我在 Spring 控制器中收到空值 此外 在我的控制台中 我看到 sysout 的空值 此外 即使我看到 bull 打印在我的控制台上 我也会收到错误警报 我的 JS 控制器 angul
  • 在 Spring 和 Angular JS 之间处理 CORS 的最佳实践?

    我们正在使用 Java Spring 来构建 REST API 我们使用 angularjs 作为前端 其余 api 位于一个域中 而 angularjs 位于另一域中 最初 当我尝试从 Angular 向其余 api 发出 POST 请求
  • 动态添加元素的指令不起作用

    我正在尝试构建一个简单的无限滚动 它可以很好地加载数据 但加载后 新添加的元素的指令不起作用 这是滚动检查和数据加载指令的相关部分 directive scrollCheck function window http return func
  • 使用 JWT Laravel 5 进行身份验证,无需密码

    我正在尝试学习 Laravel 我的目标是能够构建一个 RESTful API 不使用视图或刀片 仅使用 JSON 结果 稍后 AngularJS Web 应用程序和 Cordova 混合移动应用程序将使用此 api 经过一番研究 我倾向于
  • 需要参考$log.log调用行号

    当我使用 Angular log 服务时 控制台中的所有行都会显示对 angular js 5687 的引用 而不是我调用 log log 函数的行 如何获得对我调用 log 的行的引用 另外 我有自己的围绕 log 的服务 如何引用对我的
  • 如何在 AngularJS/Bootstrap3 中禁用基于复选框的内容

    我正在创建一个表单 用户可以在其中配置重复事件 因此有大量控件 顶部是一个用于启用 禁用计划的复选框 如何禁用但不隐藏基于复选框的整个部分 如果选中 用户应该能够对时间表进行修改 如果没有检查 则不允许进行任何更改 我相当确定我可以在每个控
  • 在父指令和子指令之间传递参数

    我有导航菜单的父指令和菜单链接的子指令 像这样的事情 menu menu

随机推荐

  • 如何从 UIBezierPath 生成 CGPoint-Array(沿给定路径触摸滑动对象)[重复]

    这个问题在这里已经有答案了 我有一个 UIBezierPath 像 8 一样弯曲 其中只有 4 个点 我需要用它制作某种 CGPoint 数组 有任何想法吗 谢谢 edit 我的贝塞尔曲线是这样初始化的 void initBezier th
  • PySide 的 QTest 未选中复选框

    这是我的代码 from PySide import QtCore QtGui QtTest import sys application QtGui QApplication sys argv checkbox QtGui QCheckBo
  • Android SDK:媒体播放器 - 从 HTTP url 加载视频流

    我有一个带有以下代码的 MediaPlayerActivity 此代码基本上尝试从 http url 获取视频流并加载它 但由于某种原因它不断崩溃 public class MediaPlayerActivity extends Activ
  • 在 Django 中包含 css

    我是 Django 新手 我很难在模板中包含 css 样式 I read this并尝试做同样的事情 但它对我不起作用 我的模板 load static 我得到的 HTML 请注意 这是包含我的 css 的文件夹 谢谢 鲍里斯 确保你没有
  • 如何使用 form_validation 和 CodeIgniter 设置自定义错误消息

    我是 CodeIgniter 的新手 我正在尝试对数组输入进行表单验证 数组名称是pages 我写道 this gt form validation gt set rules pages required 如果我用那个 this gt fo
  • 创建反应应用程序错误

    我想使用 create react app 所以我按照说明操作 npm install g create react app create react app my app cd my app npm start 但我在最后一步出错了 运行
  • 是否可以以编程方式在网页全屏模式下禁用 esc/F11 键? [复制]

    这个问题在这里已经有答案了 是否可以以编程方式在网页全屏模式下禁用 esc F11 键 我需要在网页中有一个退出按钮来退出全屏模式 但需要防止使用 Windows 的其他功能 如 esc F11 等 退出全屏模式 如果有人对此有任何想法 请
  • 当宽度不同时CSS倒梯形

    我需要制作下面的形状 其中将包含一些文本 有时文本会更长 有时会更短 因此我可以使用任何固定宽度 这是我的代码 我想知道是否有一种方法可以将图像标记到跨度的开头和结尾 高度不会改变 因此就跨浏览器解决方案而言 这可能是最好的 div cla
  • 我的Java版本是最新版本但我的JVM仍然是1.5?

    最近我尝试使用Eclipse但是当我打开它时 它告诉我我的 JVM 版本太旧 Incompatible JVM Version 1 5 0 05 of the JVM is not suitable for this product br
  • Xamarin Forms - 应用程序打开时禁用自动锁定

    我想在我的应用程序打开时禁用自动锁定 我怎样才能做到这一点 https learn microsoft com en my xamarin essentials device display tabs android 只需要设置Device
  • 如何组织或排序 std::vector

    我有一个充满 cv Point 的向量 我想组织这个向量 以便具有最小 x 和 y 值的点应该是第一个 最后一个应该具有最高的 x y 值 任何想法我该怎么做 Use std sort std sort vec begin vec end
  • 缩放和旋转 模板匹配

    我正在使用匹配模板的方法CV TM CCORR NORMED比较两个图像 我想让这个旋转和比例不变 有什么想法吗 我尝试对图像和模板的傅里叶变换使用相同的方法 但旋转后的结果仍然不同 模板匹配matchTemplate当您的对象在场景中旋转
  • Angularjs 需要星号

    我有一个大表单的指令 其中一些字段是必需的 一些字段不是必需的 必填字段标有required属性 我想在所有输入之前加上 span class something span 基本上是这样的 input required prepend sp
  • Git安装脚本如何输入shell命令

    这更多是一个与 git 相关的问题 而不是与 openshift 相关的问题 当我使用 git 将文件推送到 git 服务器时 我看到我的 perl 的文件权限index cgi在我的 openshift 存储库中 文件更改为 700 因此
  • matplotlib 在子图中创建断轴

    我有一个有问题的子图 它有两个数据比例 我不想使用对数刻度 而是想打破轴 以便子图 y 轴的一半从 0 到 10 另一半从 10 到 100 import numpy as np import matplotlib pyplot as pl
  • Selenium/Webscrape 该字段

    我的代码运行良好并打印所有行的标题但带有下拉菜单的行 例如 如果单击第 4 行 则会出现一个下拉列表 我实现了一个try理论上这会启动下拉菜单 然后拉出标题 但是 当我执行 click 并尝试打印时 对于具有这些下拉列表的行 它们不会打印
  • 如何在 Fortran 中的 do 循环中跳过一些迭代

    例如 我想以 2 的增量从 1 循环到 500 但是 对于每 8 个循环 我想跳过接下来的 18 个循环 使 do 变量增加 18 我怎么做 我的代码是 event 0 do i 1 500 2 event event 1 if event
  • 为什么总是调用超类构造函数[重复]

    这个问题在这里已经有答案了 我有以下2个课程 public class classA classA System out println A class classB extends classA classB System out pri
  • 创建一个安全的 Lua 沙箱..?

    现在我正在做很多事情 local env print print setfenv 函数 环境 然后使用元方法来锁定实例上的属性 但它确实效率低下并且有很多绕过 我用谷歌搜索了它 我发现的一切都与此相同 不起作用 在 Lua 5 1 中 沙箱
  • 尝试将 $element 注入 ng-view 会导致未知提供者错误

    我想知道这是否是一个错误或记录在某处 似乎将 element 注入 ng view 指令附加的控制器失败 这是一个例子 脚本 js controller MainCtrl route routeParams location element