问题标签 [ui.bootstrap]
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.
angularjs - 无法让 AngularJS 弹出框在指令模板中工作
我在 AngularJS (1.2.10) 中,我有一个表单,它是一个 HTML 模板,它通过使用 bootstrapvalidator 验证某些表单字段的指令公开。表单字段附加了特殊的信息按钮,这些按钮使用弹出框来提供有关每个字段的进一步指导。
我遇到的问题是,当触发按钮位于指令的模板内时,弹出框不会触发,但如果按钮位于指令之外,它们可以正常工作,如下面的 Plunk 所示。
请检查此 Plunk 以获取所有代码:
http://plnkr.co/edit/i8ukXYVPJAJz6sM9q6MI?p=preview
主要指令:
模板中的一个元素:
弹出指令:
弹出框模板:
最后是 index.html:
angularjs - 从 ui.grid 中删除 cellClass 值
我在 ui.grid 中使用 cellClass 来添加番茄类。
我怎样才能删除这个类?我正在尝试,但我看不到找到绿色类元素的方法,因此我可以将其删除。
angularjs - ui.bootstrap.tpls 覆盖模板/datepicker/popup.html 模板
我创建了一个在 ui.bootstrap.tpls 之后加载的新模板/datepicker/popup.html 模板。
我正在努力的是从新模板中的 ng-click 调用一个函数。我不想更新 ui.bootstrap.tpls 文件。我尝试了这两种不同的方式:
1)不太理想:在 ui.bootstrap.tpls 的指令 datepickerPopup 中使用 select 函数。我可以通过转换为 .toLocaleDateString() 使其部分工作,但在第一次单击后,我再次打开日历,日历仍显示当前日期,而不是反映更新的日期。
2)理想:在 ui.bootstrap.tpls 之外创建一个名为 addDays(n) 的全新函数。我无法从新模板中访问此功能。我想创建自己的函数以从新模板调用。
柱塞:
angularjs - 角模态服务不响应输入键
我有以下使用 ui.boostratp & anuglar modal 服务的模态对话框
我尝试了多种方法,但都没有奏效。对话框加载后,“加载的模式模板”将记录到控制台。该表单虽然使用鼠标工作,但希望它适用于输入键。我如何让它为 Enter Key 工作?
javascript - 使用Angular将一行数据从表传递到模态
我有一个显示竞赛条目的表格(使用 PHP 从数据库中提取并转换为 .json 对象以与 AngularJS 和 JavaScript 一起使用)。我还想在上面实现一个模态,所以当“法官”点击每个条目时,他们可以看到该条目的详细信息。所以基本上,我需要将单行数据传递给该模式(一个 ui.bootstrap 模式)。
这是包含所有数据的表的标记。模态应用于 ng-repeated :
这是控制整个页面和模式的控制器:
这是模态的标记(由于某种原因,目前没有引入任何东西,甚至没有硬编码的“猫”):
问题是:如何将数据传递给该模式?如何定位它以使其仅拉动单击的行等?
非常感谢任何指导。
javascript - AngularUI Tooltips - 使用函数返回工具提示值
我正在尝试使用一个函数来返回要呈现为 Angular JS ui.bootstrap 的工具提示的值。我需要这样做,以便在 ng-repeat 循环中获得正确的工具提示。如果我直接访问 html 工具提示中的值,则工具提示可以正常工作,例如tooltip="{{tooltips.rules.start}}
,但如果我使用该函数tooltipHelper
返回类似 的值,则工具提示无法正常工作,例如tooltip="tooltipHelper('rules', '{{fieldName}}')"
,它只是将工具提示设置为字符串tooltipHelper('rules', 'start')
。
相关代码:
JS
HTML/翡翠
javascript - angularJS 解析:在控制器中“无法读取未定义的属性‘目标’
这是我关于stackoverflow的第一个问题。(我知道我在引号中遇到了很多困难..)我遇到了这个问题,下面的代码片段让我遇到了以下错误:
TypeError:无法
在 ui-bootstrap-tpls-0.12 的 Object.invoke (angular.js:3762) 的 $scope.addValue.$modal.open.resolve.goals (app.js:59) 处读取未定义的属性“目标” .1.js:2118 在 Object.forEach (angular.js:329) 在 getResolvePromises (ui-bootstrap-tpls-0.12.1.js:2116) 在 Object.$modalProvider.$get.$modal.open (ui- bootstrap-tpls-0.12.1.js:2151) 在 Scope.$scope.addValue (app.js:53) 在 Parser.functionCall (angular.js:10294) 在 angular.js:18229 在 Scope.$get.Scope .$eval (angular.js:12075)
我的代码中的“目标”相当于“受启发”代码中的“项目”。
此消息似乎来自 ctrlAddValue 控制器,其中包括“目标”参考:function($scope, $modalInstance,goals)
谢谢你的帮助!
罪魁祸首:
这是“ctrlAddValue”控制器代码。
这是基于模态的 ui.bootstrap 演示。
javascript - ui.bootstrap 因意外结果错误而破坏了我的单元测试?
在控制器中,我使用 ui.bootstrap 在页面上实现分页,安装 ui.bootstrap 后,我在单元测试中收到以下错误消息
这是我的测试文件:
我的业力配置
我用 yo angular 来搭建项目
json - 获取没有时间/时区的 ui.bootstrap.datepicker 值
我需要能够在我的 ng-model 中将选定的日期值存储为没有时间的日期。
这是我的看法:
在选择上面显示的日期时,我的 ng-model 中的存储值是:
我需要:
这是控制器(几乎与示例中的一样):
如何解决这个问题?