问题标签 [angular-ui]

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 回答
9629 浏览

angularjs - Angular UI Bootstrap Modal 不适用于 ng-include

现场示例:http ://plnkr.co/edit/wWS3UFB3IZ0cAI4u2x04?p=preview

单击“打开模式1”时,会抛出以下错误:

错误:Dialog.open 预期的模板或 templateUrl,均未找到。使用选项或打开方法来指定它们。

但是,不使用 的模态 2ng-include可以正常工作。

此外,如果ui-bootstrap-tpls-0.1.0.js包含而不是ui-bootstrap-tpls-0.2.0.js,则一切正常。

有任何想法吗?

0 投票
2 回答
10498 浏览

angularjs - Angular UI Bootstrap Modal 去除 id 和 class 属性

现场示例

添加以下Angular UI Bootstrap 模式

结果是:

为什么idclass属性被剥离?

我想在对话框上设置一些 CSS 样式,例如对话框的宽度,或者为一些对话框的内部元素设置样式。我怎么能做到这一点?

0 投票
1 回答
2278 浏览

angularjs - 在 angular-ui 路由器中注入 $element

我正在尝试从控制器访问 dom 元素($element),但收到“未知提供者”错误(未知提供者:$elementProvider <- $element)

这是代码:

$http 的注入很好。

有任何想法吗?

0 投票
1 回答
2675 浏览

fullcalendar - 带有 JSON 提要的完整日历以扩展形式返回 eventSource

我正在使用带有 Angular UI 的 arshaw 出色的 fullcalendar,现在我遇到扩展形式的 eventSource 对象在作为 JSON 提要获取时无法呈现的问题。

使用控制器中的以下代码获取数据:

当 JSON 提要返回一个包含事件对象的数组时,它实际上可以工作:

但是,我想指定一些选项以及事件数据,例如不同 JSON 提要的不同颜色。因此,我决定让 API 以其扩展形式返回事件源。这就是它 API 返回的内容。

不幸的是,这种格式在以 JSON 格式获取时不会呈现。在获取扩展格式时,我将 eventSources 分配更改为如下所示:

如果我将 API 中的原始 JSON 响应(事件源的扩展形式)直接剪切并粘贴到 eventSources 方法中,它就可以工作。当事件源作为 JSON 提要返回时,是否可以使用扩展形式的事件源?

0 投票
1 回答
5022 浏览

javascript - 如何访问由 $resource get() 填充的 AngularJS 控制器中的数组?

我无法访问 AngularJS 控制器中的数组,但它可以在视图中使用。

在控制器中:.results返回未定义

在视图中:.results返回推文数组

0 投票
2 回答
14474 浏览

angularjs - AngularJS 和 AngularUI 是如何相互关联的?

我想知道AngularJSAngularUI之间的关系是什么?

快速查看贡献者列表似乎表明这两个项目都是由独立团队开发的。

有谁更了解这两个项目之间的关系?

特别有趣的是 AngularUI 提供的东西是否会(有朝一日)合并到 AngularJS 中的问题。这对于诸如ui-router之类的东西非常有用。

有谁比我更了解;-)?

0 投票
2 回答
4666 浏览

angularjs - 异步加载 AngularUI 引导程序

现在一切都非常“新鲜”。我有角种子项目,我正在使用异步索引页面。当我为 angular-bootstrap 添加参考时,它爆炸了。当我不加载异步样式时,这不会发生。

如何将 AngularUI 引导程序与 $script 加载程序一起使用?

我得到的错误是:

更新

我的代码实际上只是种子模板,使用 index-async.html 文件。然后我添加(或尝试)bootstrap-ui。相关部分是:

然后在 app.js 我做:

0 投票
1 回答
5649 浏览

angularjs - 为什么只有参数更改时 angular-ui 新状态路由器会转换?

我正在使用的angular-ui 路由器,它包含一个状态机(https://github.com/angular-ui/ui-router)。这个伟大的路由器允许用户指定参数作为 URL 的一部分。

例如:

(见这里

这意味着,当用户导航到 /contacts/42 时,状态将更改为“contacts.details”,并将 42 参数注入控制器

不过有一个问题。如果仅 url 参数更改,则仍会调用 transitionTo 函数(例如,手动更改 url 或绑定到输入框时会发生这种情况)。这反过来会导致该状态的视图指令被重新创建,如果我们只想更新该状态下的某些内容,这既是浪费时间,也是一个问题。

似乎是故意的。从代码:

equalForKeys 是比较参数,如果有差异则返回 false。

我的问题:你知道为什么作者会这样写吗?您认为更改是否安全,以便仅更改参数时没有过渡?

非常感谢您一直阅读到这里,以及任何想法

里奥

编辑:似乎这是设计使然。刚刚发现:https ://github.com/angular-ui/ui-router/issues/46

0 投票
0 回答
328 浏览

angularjs - AngularUI sortable 不适用于多个应用程序

我创建了带有可排序列表的 angularjs 应用程序。我的应用程序可以与其他不同的应用程序一起多次包含到页面中。(每个角度应用程序都是独立的用户控制)

http://jsfiddle.net/X2h8W/

对于这种情况, ui-sortable 仅适用于页面中的最后一个应用程序。此代码:angular.bootstrap(document, ['myapp']);修复问题,但我希望页面上有几个独立的应用程序。

这是 angular-ui 错误吗?这是角度 ui 的一些配置吗?

0 投票
4 回答
5195 浏览

javascript - angular-ui/bootstrap:测试使用对话框的控制器

我有一个控制器,它使用来自 angular-ui/bootstrap 的对话框:

我对测试几乎是全新的,并认为也许我需要测试两件事:

  1. 调用 $scope.editClientFeature() 时会打开一个对话框
  2. 关闭对话框后成功调用 $save 并返回“结果”

我真正搞砸的测试现在看起来像这样:

现在最直接的问题是我无法创建/打开对话框。我收到以下错误:

如果有人已经为类似的用例编写了测试并且可以为我提供一个示例,那就太好了,因为我很迷茫。

谢谢,肖恩