问题标签 [angularjs-ui-utils]

我需要把这个放入 Grails 2.4.4：

• AngularJS v1.3.15
• AngularJS UI 实用程序 v0.2.3
• AngularJS UI 引导 v0.2.11
• Bootstrap CSS v3.3.4（AngularJS UI Bootstrap 需要）
• 查询？不确定是否需要

我看到了一些 Grails 插件，它们添加了 AngularJS，但没有一个添加 AngularJS UI。如何简单地把它放在一起？

我创建了一个嵌套类别模型。为了选择产品的类别，您会看到一个包含主要类别的下拉菜单。当您选择一个时，将在右侧添加一个新的下拉列表，其中包含您选择的子类别的子类别。重复此过程，直到您到达最后一个级别。发生这种情况时$scope.product.category_id设置。我想在$scope.product.category_idis时使整个字段集无效null。

我一直在使用angular-bootstrap-show-errors进行验证，我尝试将它与ui-utils混合使用自定义函数来实现这一点：validate_category().

这是我使用的 HTML：

这是我的简单验证功能：

但这不起作用。想法？

编辑：我刚刚意识到，这个问题是验证函数在函数ui-validate之后执行ng-change，所以它永远无法检查$scope.product.category_id更新。

我需要(999) 999-9999像这个例子http://angular-ui.github.io/ui-utils/那样做电话掩码，但是对于 Ionic 移动应用程序输入。

ui-utils 在裸 AngularJS 应用程序中运行良好：http ://plnkr.co/edit/NozbdhtRjaxq1KFYrwLo?p=preview

但是，同样不适用于 Ionic：http ://codepen.io/hawkphil/pen/qdxOLW?editors=101

1. 占位符被劫持或什么的。如何修复占位符？

2. 然后当我输入一些数字时，一切都搞砸了，并在其中注入了一些占位符文本。怎么修？

3. 或者，我不需要仅将 ui-utils 用于一件事。Ionic 是否有任何手机面罩替代品？type=tel对我不起作用，因为它只弹出数字键盘，没有别的。

我确实需要显示占位符“输入电话号码”。所以显示 (___) ___ ____ 是行不通的

在我们的一个 Angular 应用程序中，我们使用ui-scroll指令进行延迟加载。我创建了一个适配器并分配给 ui-scroll 指令。我需要通过发出 API 请求和刷新数据来重新加载整个数据。

从 ui-scroll 文档中，我们可以看到 reload() 方法可用于我们分配给指令的适配器。

我们将此适配器传递给自定义数据源，然后将其分配给 ui-scroll 转发器。

当用户单击按钮时，我需要通过从 API 中提取最新结果来重新加载整个结果。所以我尝试添加，

当我尝试调用重新加载方法时，它会抛出异常说明方法未找到。 类型错误：$scope.listAdapter.reload 不是函数

我也尝试通过重新分配数据源并将空适配器传递给范围变量，但没有运气。

如果有人解决了这个问题，请让我知道需要做什么。

例如：

shift-ctrl-65 工作正常。但是 shift-ctrl-alt-65 不适用于 ui-keydown。请帮忙

我有以下汽车阵列。我正在尝试在此数组上使用 ng-options 仅将颜色类别显示为链接以及“所有颜色”选项。

全部，红，黄，蓝

如果我删除 "| unique: 'color'" 语法，那么我会得到所有重复的颜色。

如果我从语法中保留“|唯一：颜色”，那么我会收到以下错误：angular.js:13424 错误：[$injector:unpr] 未知提供者：uniqueFilterProvider <- uniqueFilter。我在 home.html 中包含了 ui-filters.js（https://cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.8/angular-filter.js）以使用独特的过滤器功能，但它是没有捡起来。我的主要角度模块也是这样的：

我相信问题可能在于 angularJS UI 模块。如果我将 '[]' 更改为 '['ui.filters'] 则它无法识别该模块。

我正在尝试以 xxx-xxx-xxxx 格式屏蔽一个号码，并尝试确保电话号码从除 0 和 1 之外的任何数字开始

它总是说数字无效。我试图打印 editForm.homePhone

我确实检查了stackoverflow上的所有帖子。试过了，但不行。不知道哪里不对？

我正在使用 ui-utils.js - v0.1.1 用于 ui-mask

我实际上$rootScope在模块运行时提供了一个可用的模块，它可以从视图中完全访问，但我想在另一个控制器中访问该值，不幸的是我无法访问它。请提出一些方法。

1. 我之前曾尝试通过服务使这些日期选择器弹出选项可用，但未能做到这一点，因为我不知道服务/工厂如何使用它们。更重要的是，我在视图中获得了更新的值，但我想要在我的控制器中获得相同的更新值，因此它可以分配给不同的范围变量。如果有人可以在服务中为我制作以下代码，那么至少我会明白并开始创建其他可注入服务。

包括

我的应用程序

如果我这样做

我懂了

[{"id":17,"type":"Content Management","name":"NPM","value":"84","description":null,"img_path":null,"created_at":"2017-03-08 14:00:26","updated_at":"2017-03-09 15:25:50"},{"id":16,"type":"Content Management","name":"Composer ","value":"80","description":null,"img_path":null,"created_at":"2017-03-08 14:00:14","updated_at":"2017-03-09 13:16:54"},{"id":15,"type":"Framework","name":"AngularJS","value":"73","description":null,"img_path":null,"created_at":"2017-03-08 13:59:00","updated_at":"2017-03-08 13:59:30"},{"id":14,"type":"Content Management","name":"RequireJS","value":"65","description":null,"img_path":null,"created_at":"2017-03-08 13:58:06","updated_at":"2017-03-09 13:17:10"},{"id":9,"type":"Content Management","name":"Bower","value":"70","description":null,"img_path":null,"created_at":"2017-03-08 13:54:53","updated_at":"2017-03-09 13:17:02"},{"id":8,"type":"Web Scaffolding","name":"Yeoman","value":"50","description":null,"img_path":null,"created_at":"2017-03-08 13:54:43","updated_at":"2017-03-09 13:09:57"},{"id":7,"type":"Build System","name":"Gulp","value":"90","description":null,"img_path":null,"created_at":"2017-03-08 13:54:18","updated_at":"2017-03-09 13:07:20"},{"id":6,"type":"Development Environment","name":"Docker","value":"60","description":null,"img_path":null,"created_at":"2017-03-08 13:53:59","updated_at":"2017-03-09 14:15:38"},{"id":5,"type":"Development Environment","name":"Vagrant","value":"70","description":null,"img_path":null,"created_at":"2017-03-08 13:53:46","updated_at":"2017-03-08 13:53:46"},{"id":3,"type":"Build System","name":"Grunt ","value":"88","description":null,"img_path":null,"created_at":"2017-03-08 13:49:40","updated_at":"2017-03-09 12:01:04"},{"id":2,"type":"Server Management","name":"Linux","value":"87","description":null,"img_path":null,"created_at":"2017-03-08 13:45:34","updated_at":"2017-03-09 14:15:27"},{"id":1,"type":"Framework","name":"Laravel 5","value":"95","description":null,"img_path":null,"created_at":"2017-03-08 13:24:16","updated_at":"2017-03-09 14:15:14"}]

如果我这样做

<p ng-repeat="skill in skills ">[[ skill.type ]]</p>

我有

现在，我尝试了这个

<p ng-repeat="skill in skills | unique: 'skill.type' ">[[ skill.type ]]</p>

我懂了

我做错了什么 ？为什么只有 1 个打印出来？

我希望得到这样的东西

我想制作一个项目列表，双击一个项目使其可编辑。目前，在编辑项目时，单击外部（即blur）会提交新值。但是，我也希望enter在键盘上能够提交更改。

现在，ng-keyup、ng-keydown、ng-keypress是 AngularJS 的一部分。我正在考虑使用它们。这是我当前的代码。它可以捕捉到我们正在编辑的事件enter，item但我不知道如何做剩下的。

有人可以帮忙吗？

PS：JSBin