问题标签 [ng-controller]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
814 浏览

javascript - ng-view - 在模板页面中加载控制器

我有一个模块,我在其中配置这样的路由:

在模板页面中,我像这样配置控制器:

通过这种方式,控制器是未定义的,并且似乎脚本没有正确加载到页面中。

如果我在我的母版页(我加载角度模块的地方)中移动脚本,控制器就会正确加载。

母版页:

我想在需要的页面上加载各种控制器,以免给应用程序带来负担,因为它们全部加载到母版页中。

**** - 编辑 - ****

似乎我可以通过在 route 中使用“resolve”来加载脚本:

但我检索到错误:$q 未定义。

这是正确的方法吗?

0 投票
1 回答
191 浏览

angularjs - 有什么方法可以使用 ui-router 将控制器中的变量绑定到模板中而不使用 $scope?

我的 $stateProvider:

模板HTML:

如果我尝试将 ng-controller="footerCtrl" 写入 DIV 没有数据绑定并且我得到一个错误,而如果我不写它没有错误并且没有数据绑定。

0 投票
1 回答
782 浏览

angularjs - 仅在表单中打印数据单击打印按钮 AngularJS

我的表单中有多个添加-删除输入字段行。这不过是一份报告。有一个打印按钮,我只想打印以结构化方式输入的数据。类似于表格、列、行和文本,但不包括按钮或输入框边框。我试过这个打印按钮

并使用创建类

想知道如何编写函数,我可以在单击打印按钮时以结构化方式收集数据并获取打印视图。

这是我正在处理的代码

见 Plunker

0 投票
1 回答
999 浏览

angularjs - AngularJS - 将相同的控制器附加到多个 html 元素

我有一个这样的示例 HTML,其中每个 div 代表大量的 html 代码。我需要将一段 html 代码附加到已经附加到一个 div 的控制器上。第一个和最后一个 div 代表相同的业务功能并且紧密耦合,因此我不能使用服务来共享状态。我正在寻找使用角度或 ui 路由以外的解决方案。

0 投票
1 回答
909 浏览

javascript - 在另一个控制器Angularjs中调用一个控制器

我在我的索引中声明了两个 HTML 页面:Home.htmljargon.html. 每个页面都在应用程序模块中加载了自己的控制器。

});

我的问题是 jargon.html 还有另外两个控制器:

操纵卡片的控制器:

我的问题是:我在哪里可以同时调用CardsCtrlCardCtrl?在同一个jargonController.js文件中?

0 投票
1 回答
868 浏览

javascript - 卡片轮播Angularjs

我正在尝试实现这个动画

行话.html

控制器:jargonController.js

我收到此错误:

错误:$ 未定义 @ http://localhost:8100/js/controllers

ReferenceError: $ 未定义

正是这一行产生了错误:

我错过了什么?

更新

这就是我得到布局的方式。似乎它没有看到 css 文件。行话

虽然我确保在这里添加它:

0 投票
2 回答
50 浏览

javascript - Boostrap 3:单击按钮不起作用

我正在开发一个使用 AngularJS 和 Twitter Bootstrap 的 Web 应用程序。我的应用在 Firefox 上运行良好,但在 Chrome 或 Chromium(我的操作系统是 Ubuntu)上单击按钮时,无法正确检测到此点击。检测到点击但对象事件为空或未检测到。如您所见,它只写入evento:但不写入id. 在 Firefox 中,它evento:id正确写入。

在此处输入图像描述

HTML:

JS:

我已经使用相同的代码制作了这个 plunker 来检查错误并且它有效:https ://plnkr.co/edit/vbBhVCrkpLyRl63Lwlur

我什么都不懂。为什么它不能在我的 Web 应用程序中工作,而在 plunker 中工作正常?发生了什么事?

编辑1:我的目标是获取对象的ID,我已经做了一个clic。使用 Firefox、Chrome 和 Chromium。现在,事件的 id 只能由 Firefox 检索。使用 Chrome 和 Chromium,该事件是由我无法从对象事件中检索 id 触发的。

编辑 2:我在我的代码中添加了一条跟踪,以了解事件变量是否为空,当我在 Chrome 中单击时,Chromium 事件变量不为空,但未检测到 id!

在此处输入图像描述

0 投票
0 回答
135 浏览

android - AngularJS Cordova 应用程序有时找不到控制器

我在 Cordova/AngularJS 应用程序中有这个奇怪的错误。

有时(很少)AngularJS 找不到控制器和 chrashes,让用户看到一半加载无响应的视图。

该错误似乎仅在手机已锁定一段时间并且我几乎不可能定期重新创建时才会发生。它只是有时会发生。

当用户关闭应用程序并重新启动它时,一切都会再次正常运行。

到目前为止,我只收到有关 Android 设备而不是 iOS 设备的此错误的投诉。

编辑:我现在也看到了 iOS 设备上的错误。

我真的希望有人能够阐明这个问题。


我的 index.html 看起来像这样

AngularJS 加载了 app.js:

index.js 文件如下所示:

0 投票
1 回答
70 浏览

javascript - 为什么控制器和 HTML 没有链接?

我有以下代码 - 它显示带有验证的登录页面。但看起来有问题,并且总是显示所有验证文本。怎么了。如何将其添加为单独的控制器模块?

主.html:

主控件:

另外,我收到以下错误:

截屏:

在此处输入图像描述

0 投票
3 回答
2140 浏览

angularjs - 从另一个控制器调用函数

我有一个简单的应用程序,从服务器显示文件列表-上传文件-显示更新列表。我在不同的 div 下有两个控制器“上传”和“文件”。

我希望能够从文件中调用 loadData() 以便在上传后更新我的文件列表。

更新
文档 app.controller('myCtrl1', function ($scope,$http) {

});

已更新的HTML

当我单击上传控制器中的按钮时,我只想运行 myCtrl1 控制器的“loadData()”功能

更新的问题- 我做了代码更改并合并了控制器,因为服务不会帮助我刷新控制器

所以现在的问题是我可以加载所需的数据,为什么 loadData() 但它会在一秒钟内消失......