问题标签 [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.

0 投票
2 回答
34 浏览

angularjs - UI.Bootstrap - 错误的文本格式

当我介绍一些带有 html 代码的字符串时,我不知道为什么在我的示例中。它不会出现在 HTML 格式中。

我的工作示例如下:

错误图片:我的字符串错误

演示

0 投票
1 回答
1155 浏览

angularjs - 无法让 AngularJS 弹出框在指令模板中工作

我在 AngularJS (1.2.10) 中,我有一个表单,它是一个 HTML 模板,它通过使用 bootstrapvalidator 验证某些表单字段的指令公开。表单字段附加了特殊的信息按钮,这些按钮使用弹出框来提供有关每个字段的进一步指导。

我遇到的问题是,当触发按钮位于指令的模板内时,弹出框不会触发,但如果按钮位于指令之外,它们可以正常工作,如下面的 Plunk 所示。

请检查此 Plunk 以获取所有代码:

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

主要指令:

模板中的一个元素:

弹出指令:

弹出框模板:

最后是 index.html:

0 投票
1 回答
748 浏览

angularjs - 从 ui.grid 中删除 cellClass 值

我在 ui.grid 中使用 cellClass 来添加番茄类。

我怎样才能删除这个类?我正在尝试,但我看不到找到绿色类元素的方法,因此我可以将其删除。

0 投票
1 回答
3709 浏览

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) 的全新函数。我无法从新模板中访问此功能。我想创建自己的函数以从新模板调用。

柱塞:

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

0 投票
2 回答
683 浏览

angularjs - 角模态服务不响应输入键

我有以下使用 ui.boostratp & anuglar modal 服务的模态对话框

我尝试了多种方法,但都没有奏效。对话框加载后,“加载的模式模板”将记录到控制台。该表单虽然使用鼠标工作,但希望它适用于输入键。我如何让它为 Enter Key 工作?

0 投票
2 回答
5320 浏览

javascript - 使用Angular将一行数据从表传递到模态

我有一个显示竞赛条目的表格(使用 PHP 从数据库中提取并转换为 .json 对象以与 AngularJS 和 JavaScript 一起使用)。我还想在上面实现一个模态,所以当“法官”点击每个条目时,他们可以看到该条目的详细信息。所以基本上,我需要将单行数据传递给该模式(一个 ui.bootstrap 模式)。

这是包含所有数据的表的标记。模态应用于 ng-repeated :

这是控制整个页面和模式的控制器:

这是模态的标记(由于某种原因,目前没有引入任何东西,甚至没有硬编码的“猫”):

问题是:如何将数据传递给该模式?如何定位它以使其仅拉动单击的行等?

非常感谢任何指导。

0 投票
2 回答
811 浏览

javascript - AngularUI Tooltips - 使用函数返回工具提示值

我正在尝试使用一个函数来返回要呈现为 Angular JS ui.bootstrap 的工具提示的值。我需要这样做,以便在 ng-repeat 循环中获得正确的工具提示。如果我直接访问 html 工具提示中的值,则工具提示可以正常工作,例如tooltip="{{tooltips.rules.start}},但如果我使用该函数tooltipHelper返回类似 的值,则工具提示无法正常工作,例如tooltip="tooltipHelper('rules', '{{fieldName}}')",它只是将工具提示设置为字符串tooltipHelper('rules', 'start')

相关代码:

JS

HTML/翡翠

0 投票
2 回答
1534 浏览

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 演示。

0 投票
1 回答
229 浏览

javascript - ui.bootstrap 因意外结果错误而破坏了我的单元测试?

在控制器中,我使用 ui.bootstrap 在页面上实现分页,安装 ui.bootstrap 后,我在单元测试中收到以下错误消息

使用 ui.bootstrap 后,我收到以下错误消息

这是我的测试文件:

我的业力配置

我用 yo angular 来搭建项目

0 投票
1 回答
5332 浏览

json - 获取没有时间/时区的 ui.bootstrap.datepicker 值

我需要能够在我的 ng-model 中将选定的日期值存储为没有时间的日期。

这是我的看法:

在此处输入图像描述

在选择上面显示的日期时,我的 ng-model 中的存储值是:

我需要:

这是控制器(几乎与示例中的一样):

如何解决这个问题?