AngularJs:为此我的控制器中是否需要 $scope ?

2024-02-03

我正在尝试效仿这个笨蛋 https://embed.plnkr.co/plunk/2rCcJN,特别是向 ag-grid 的每一行添加一个按钮。

function ageClicked(age) {
    window.alert("Age clicked: " + age);
}

function ageCellRendererFunc(params) {
    params.$scope.ageClicked = ageClicked;
    return '<button ng-click="ageClicked(data.age)">Age</button>';
}

农业电网呼叫ageCellRendererFunc渲染单元格。它正在生成一些 HTML 来呈现一个按钮,单击该按钮时将导致ageClicked被称为。

That params.$scope.ageClicked = ageClicked;似乎正在分配一个$scope变量,在按钮代码中使用:'<button ng-click="ageClicked(data.age)">Age</button>'.

我不确定分配一个$scope变量,以及为什么我们不能只引用一个$scope功能。可以吗?

更重要的是,我不注射$scope进入我的控制器,因为我使用constroller as视图中的语法。

我如何才能获得一段类似的代码,将 HTML 按钮添加到ag-grid细胞,使用controller as sytax?


[更新] 上面引用的 Plunker 使用了非常旧的 ag-grid 版本。

  1. 我想使用最新版本 v22
  2. 我不想使用$scope or $rootscope, just this and controller as syntax
  3. 每行应包含一个单元格,该单元格显示一个按钮,单击该按钮时,会执行一个以某些行数据作为参数的函数(就像 Plunker 中的“年龄”,但满足此列表中的 1 和 2)

It is a $scope inside ag-grid(笨蛋)

在调用之前ageCellRendererFunc

function ageCellRendererFunc(params) {
    params.$scope.ageClicked = ageClicked;
    eturn '<button ng-click="ageClicked(data.age)">Age</button>';
 }

它初始化params (4012):

RenderedCell.prototype.createParams = function () {
            var params = {
                node: this.node,
                data: this.node.data,
                value: this.value,
                rowIndex: this.rowIndex,
                colDef: this.column.colDef,
                $scope: this.scope, // <----
                context: this.gridOptionsWrapper.getContext(),
                api: this.gridOptionsWrapper.getApi()
            };
            return params;
        };

所以你可以使用controller as

module.controller("exampleCtrl", function($http) {
  var vm = self;
  /* ... */
 }

带 vm 的柱塞 http://plnkr.co/edit/41vsiT9D0Bdi08mX


EDIT 1

这是一个plunker http://plnkr.co/edit/YS6YEATaq0lMFw4L使用 ag-grid 22.0.0

(Added agGrid.initialiseAgGridWithAngular1(angular))

这段代码很好:

function ageCellRendererFunc(params) {
    params.$scope.ageClicked = ageClicked;
    return '<button ng-click="ageClicked(data.age)">Age</button>';
 }

正如你提到的$scopeparams而不是你的控制器。您的控制器不使用$scope根本不。这是ag-grid的定义。开发人员可以使用另一个变量 -bob语法将是params.bob.ageClicked = ageClicked;

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

AngularJs:为此我的控制器中是否需要 $scope ? 的相关文章

随机推荐

  • 从 Firebase Promise 分派操作后,ngrx 商店不更新 UI

    我正在尝试使用 Angular 4 开发一个基本的 NativeScript 应用程序 我还使用 ngrx 存储和 firebase 作为实时数据库 当我使用示例数组并更新存储而不与 firebase 集成时 程序工作正常 UI 也得到更新
  • 在 Tkinter python 中相对于父窗口放置子窗口

    我有一个包含按钮的父小部件 当按下按钮时 我想在与其左侧对齐的父窗口小部件正下方打开一个无边框 即没有 Windows 装饰按钮 窗口 我很困惑 似乎 设置窗口位置的唯一方法是使用 geometry 但更糟糕的是 我似乎无法获得父小部件的绝
  • 在 Windows 中为 Docker 容器增加 GB 的 RAM

    我正在关注这个教程https docs docker com docker for windows docker settings dialog https docs docker com docker for windows docker
  • 如何从本地路径ios swift加载图像(按路径)

    在我的应用程序中 我将图像存储在本地存储中 并将该图像的路径保存在数据库中 如何从该路径加载图像 这是我用来保存图像的代码 let myimage UIImage UIImage data data let fileManager NSFi
  • jQuery mobile:如何调用此(默认)错误加载页面消息?

    我正在构建 RESTful 移动应用程序 我喜欢找不到资源时的默认行为 jQuery Mobile 显示了这一点 但是 当我在 onError 中执行自定义 AJAX 时 因为未找到资源 我想显示奇特的消息 但是 我的代码中没有任何反应 默
  • bigtable、cassandra、simpledb、dynamo、couchdb、hypertable、riak、hbase,它们有什么共同点?

    抱歉 如果这个问题有点主观 我对 可以存储 分布式存储 或类似的概念很陌生 我真的很想知道它们有什么共同点 并希望对它们有一个总体的了解 如果我想写一个类似这样的产品 我需要准备什么 The NoSQL 数据库站点 http nosql d
  • 无法更新或安装包:已添加具有相同密钥的项目

    Problem 在特定项目中 我无法更新或安装任何 NuGet 包 当我尝试使用 NuGet GUI 执行此操作时 它会执行一些操作 然后停止运行 什么也不说 当我尝试使用包管理器控制台执行此操作时 我得到以下输出 PM gt Update
  • Julia 0.6中不同类型词典的向量

    我对新的有点困惑whereJulia 0 6 中的语法 我有这样的事情 a Dict a gt b b Dict a gt 3 c Dict a gt c 我想要一个接收字典向量而无需进行显式转换的函数 我尝试过 function bbb
  • 将 jQuery fullcalendar 集成到 PHP 网站中

    我想将 jQuery fullcalendar 集成到我的 PHP 网站中 但我不知道如何处理该事件以及如何使用 MySQL 中的 JSON 数据 任何意见 将不胜感激 确保你的 PHP 可以输出 f以下 HTML 代码 http docs
  • 在项目中使用 Node.js 作为独立的 LESS 编译器?

    我一直在尝试将lessc https github com cloudhead less js tree master bin在一个大型项目中使用 Bootstrap 进行基本设置的编译器 只会导致各种编译错误 每个人都有不同解决方案的票证
  • 服务上的 AccessViolationException

    我正在运行一项服务 该服务连接到一些客户端 它已经启动并运行了几周 这个函数每分钟都会被调用很多次 我在不同的函数中有一些捕获 但是这个异常使它一路崩溃 我以前从未见过这个问题 谁能让这一切发生 Stack Framework Versio
  • 资源与 SQLite

    我正在尝试分析对于需要附带相当大量文本 几本书 的应用程序使用 SQLite 与使用资源之间的权衡 我读了这篇关于原始 XML 文件与 SQLite 的文章 https stackoverflow com questions 5213550
  • 使用 Capistrano 的 Git 工作流程

    我正在尝试使用 capistrano 来了解一个良好的 git 工作流程 我找到了一个few http nakedstartup com 2010 04 simple daily git workflow good http reinh c
  • 如何生成 AdWords API 脚本的 USER_AGENT

    生成 USER AGENT 以使用 Python 从 AdWords API 提取数据的最有效方法是什么 该值是我需要能够提取数据的最后一个值 任何帮助将不胜感激 user agent INSERT USER AGENT HERE 值得庆幸
  • SublimeText 片段的正则表达式

    我现在已经在这个 Sublime Snippet 上停留了一段时间了 我想在创建新类时显示正确的包名称 使用TM FILEPATH and TM FILENAME 打印时TM FILEPATH变量 我得到这样的东西 Users caubry
  • 一个小游戏/测验:你看到我的价值观了吗? (解释十六进制值)

    好的 我需要一些帮助 我有一个蓝牙体重秤 我可以将我的 Raspberry Pi 连接到该秤并获取一些数据 但对我来说 在这个六角沙拉中读懂我的价值观并不容易 每次测量后 我都会得到两行信息 其中应包含我的值 我模拟了所有测量结果 第5个人
  • 错误:未定义模板 'llvm::yaml::MissingTrait 的隐式实例化

    我正在开发一个使用 LLVM YAML I O 库的项目 这是我正在遵循的文档 教程 https www llvm org docs YamlIO html https www llvm org docs YamlIO html 我正在尝试
  • OSX - 通过缩放按钮禁用全屏模式?

    我正在寻找以下任一设置选项NSWindow在 XIB 编辑器中或通过编程方式我可以禁用全屏模式特色于OS X当用户单击缩放按钮 绿色交通灯 时 因为它不适合我的 UI 设计 相反 将其用于正常的窗口缩放 任何人都可以给我一些提示 去哪里寻找
  • 为什么这个 Java 8 lambda 无法编译?

    以下 Java 代码无法编译 FunctionalInterface private interface BiConsumer
  • AngularJs:为此我的控制器中是否需要 $scope ?

    我正在尝试效仿这个笨蛋 https embed plnkr co plunk 2rCcJN 特别是向 ag grid 的每一行添加一个按钮 function ageClicked age window alert Age clicked a