在Bootstrap-ui模式下使用ui-router
我知道这已经被涵盖了很多次,大多数文章都指的是这一点代码:带有自定义URL的模式窗口,带有自定义URL一个> ,但我只是不明白.我发现这一点都不清楚.我还发现了这个 编辑:这是我需要的帮助. 所以让我尝试解释我要实现的目标.我有一个表格可以添加新项目,并且我有一个链接"添加新项目".我希望当我单击"添加新项目"时,一个模态弹出了我创建的" add-item.html"的表格.这是一个新状态,因此URL更改为/附加项目. 我可以填写表格,然后选择保存或关闭.关闭,关闭模态:P(奇怪).但是我也可以单击以关闭模式并返回上一页(状态). 我在这一点上不需要关闭的帮助,因为我仍在努力真正使模态工作. 这是我的代码: 导航控制器:(这甚至是放置模态函数的正确位置吗?) angular.module('cbuiRouterApp') .controller('NavbarCtrl', function ($scope, $location, Auth, $moda
2 2024-04-02
编程技术问答社区
角度自动完成下拉列表
我想创建一个带有自动完成的输入字段.因此,当我在输入字段中编写时,它将我显示为数据库中的下拉值. 理想情况下,它应该是有角度材料,但我无法正确工作.因为我需要这样的东西: (我写的字母应在列表中获得不同的颜色) 目前,我这样做了: 当我刷新页面时,默认情况下显示的页面.所以我的自动完成不起作用. html
20 2024-04-02
编程技术问答社区
Angular-ui-bootstrap-Date Picker-如何在弹出窗口中限制对日期选择器的访问?
我试图在带有下拉菜单的手风琴中添加一个按钮,但似乎无法正常工作: 1)按钮太大,因此它超过了手风琴头. 2)下拉菜单结束在手风琴标头/组内,而不是其他所有内容. 解决这些问题的最佳方法是什么?我想要 以下是我对手风琴组的代码: Info 这篇文章是相似的,但是我希望按钮在标头的右侧,而不是在文本旁边,这就是为什么我有float:float:flof. Angular UI Accortion
12 2024-02-25
编程技术问答社区
Angular UI Bootstrap Modal: [$injector:unpr] 未知提供者。$uibModalInstanceProvider
这有点奇怪.当我在线搜索此问题时,我会看到Google结果的许多页面以及So Solutions ...但是似乎没有用! 简而言之,我正在尝试实现Angularui Bootstrap模式.我不断收到以下错误: 错误:[$ inextor:unpr]未知提供商:$ uibmodalinstanceProvider 这是我的html: Add New 这是我的控制器: var app = angular
8 2024-02-25
编程技术问答社区
根据模态控制器内部的逻辑,防止AngularJS模态的关闭
是否有一种方法可以防止AngularJS模态在模态的控制器逻辑中关闭/解散? 我想要的是在用户关闭模式和模态内部的表单时显示警告. 我已经尝试在关闭事件之前搜索一个或我可以在 realf="http://angular-ui.github.io.github.io.github.io.github.io.github.io.github.io.io.io.io.io.io/官方文件,但到目前为止没有运气. 解决方案 您可以观看"模态"事件,播放到模态范围,因此: .controller('modalCtrl', function($scope, $modalInstance) { $scope.$on('modal.closing', function(event, reason, closed) { var r = prompt("Are you sure you wanna close the modal? (Enter 'YES' to
22 2024-02-25
编程技术问答社区
Angular UI多级下拉式切换器
我正在尝试使用Angular UI 下拉downdown toggle 创建一个多级/嵌套下拉列表. 当我单击下拉列表的第一个级别时,它只会完全关闭,并且不会显示第二层. 我已经附加了一个非常基本的plunkr,以演示我要实现的裸露骨头版本. /p> 任何帮助,非常感谢. 谢谢 解决方案 sub-menu已从Boostrap 3中删除,因为它与移动无关. "潜水艇现在在网络上没有太多位置,尤其是移动网络.将使用3.0" - https://github.com/twbs/bootstrap/pull/6342 使用Bootstrap 3.0.0(最终)的示例: stackoverflow帖子的代码: bootstrap 3下拉菜单 其他解决方案 您可以使用类"下拉submenu"来实现这一目标. To
44 2024-02-25
编程技术问答社区
在Reactive Forms中的NgbDatepicker。设置初始值
这可能是我一段时间以来应付的最令人沮丧的问题之一.日期,尤其是 - ngbdatepicker在Angular中有点熊. 我正在Angular 8中针对反应​​性形式实施NGBDatePicker,而我的问题的要旨是我可以设置日期控制的初始值.我可以将我的表单记录到控制台,并看到该值已设置为设置,但是表单字段本身不会更新.如果我从选择器本身中选择一个日期,那么我的选择会在表单字段中反映出来.我曾认为这就像设置ngbdatepicker输入的[startDate]属性一样简单,但显然没有.我在此尝试了很多不同的迭代.在代码方面,这是事物所在的地方: 我的html:
8 2024-02-25
编程技术问答社区
AngularJs ng-repeat track by $index问题与angular-bootstrap-switch的关系
我对 angularjs ng-repeat and angular-bootstrap-switch 我正在使用: ng-repeat="item in items track by $index" 当我在数组的第一个索引中添加新项目时: newItem = {}; items.splice(0, 0, newItem); DOM包含一个BS开关: 这就是我从该文档中获得的).我的问题是以前的元素具有 switch-on . 我遇到的DOM效应问题是" switch-on "类,不刷新新项目. 期望:在这种情况下,我想切换的是关闭,而不是像图像一样.因为它是一个空的对象 p/s:业务原因 我无法添加该 Switch 的默认值.它需要是一个空的对象 我也无法使用项目对象的任何标识符跟踪替换为$ index 如果我使用$ ID使用默认轨道,它将引起某些业务问题 温度解决方案,用于在Angular 1.5或上部工作的人:
angular bootstrap typeahead在通过ng-change检索的动态列表中不起作用。
我正在使用Angular-Bootstrap中的Typeahead指令.我的问题是,当用户更改输入时,我想触发NG变换事件以从服务器获取列表,然后过滤结果.之后,我想查看列表以UIB类型填充.为此,我使用的是一个数组$示波 在GetLocationForsearch方法中,我更新列表.我在控制台中打印列表,然后返回正确的值,但是该列表在下拉列表中未正确填充.我的plunkr是谢谢 解决方案 您可以在没
12 2024-02-24
编程技术问答社区
我如何从控制器外部选择一个标签
我正在使用Tabs (ui.bootstrap.tabs)控制\指令描述在这里.该控件创建其自己的控制器,该控制器设置活动选项卡: .controller('TabsetController', ['$scope', function TabsetCtrl($scope) { var ctrl = this, tabs = ctrl.tabs = $scope.tabs = []; ctrl.select = function(selectedTab) { angular.forEach(tabs, function(tab) { if (tab.active && tab !== selectedTab) { tab.active = false; tab.onDeselect(); } }); selectedTab.active = true; selectedTab
4 2024-02-24
编程技术问答社区
angular typeahead过滤器:使用html标签
我正在使用带有Angular Typeahead的过滤器将额外的项目附加到类型的建议列表中: app.filter('finalAppend', function($sce){ return function(array, value){ array.push({ name: $sce.trustAsHtml('Look for ' + value + ' in other shops'), type: 'good' }); return array; } }); 我想返回HTML编码的字符串,但是Angular会自动对其进行消毒.我尝试按建议使用$ SCE,但似乎不起作用.这是plunkr: plunkr 预先感谢. 解决方案 似乎在UI-Bootstrap 0.7.0中,Typehead突出显示过滤器与您自己的Final Append Filter之间存在冲突. 只需将您的tpl.html
6 2024-02-24
编程技术问答社区
如何使用angular收集许多表单提交并一次性提交给mongoose模型?
目前,我正在研究一个非常扩展的表单,并在HTML上使用输入,TextAreas,datePickers等,它将使代码看起来非常丑陋,也很难阅读. 问题是我创建了返回适当HTML元素的自定义指令,例如: 在HTML 中 指令: var suggestInput = function ($compile, $http) { return { restrict: 'E', require: 'ngModel', templateUrl: templates + '/suggest
12 2024-02-24
编程技术问答社区
角度引导塌陷的奇怪行为
我面临着UIB崩溃的奇怪行为. 假设我有一个元素列表,我希望每个元素崩溃.我也想定期刷新其内容. 例如:我有一些项目,每个项目都有一个描述,其中包括一些部分.我可以选择项目,并应填充项目的描述内容.问题是,每次我刷新其内容时,都会崩溃(尽管事实我将UIB崩溃设置为 false )) 我的控制器: var i = 0; $scope.sections = [0,1,2]; $scope.next = function(nextOffset) { i+=nextOffset; $scope.sections = [i, i+1, i+2] } 我的模板: Next item Next next item
2 2024-02-24
编程技术问答社区
AngularJS ui | bootstrap modal instance问题
我有AngularJS应用程序(1.4.7版)和UI.bootstrap的最新版本.当我尝试注入$ uibmodalinstance时,会出现问题. 这是控制器代码: /** * @constructor * @param $uibModal */ function ClientsController($uibModal) { var _this = this; _this.$uibModal = $uibModal; } /** * */ ClientsController.prototype.create = function() { var instance = this.$uibModal.open( { animation: true, templateUrl: 'modules/clients/views/modal/client.html',
18 2024-02-24
编程技术问答社区
Angular Bootstrap旋转木马的滑动过渡不能正常工作
我希望使用 Angular Bootstrap Carousel指令在我正在建造的应用程序中. 我能够很好地实现它,但是过渡不起作用,它在文档中显示了如何显示.应该发生的事情是旧图像向左滑出,新图像从右侧滑入. 我还注意到,如果您点击"编辑plunkr"以查看他们使用的代码,那么在我本地实施中看到的是我所看到的相同的事情. 从下面的文档中获取的直接代码: angular.module('ui.bootstrap.demo', ['ui.bootstrap']); angular.module('ui.bootstrap.demo').controller('CarouselDemoCtrl', function($scope) { $scope.myInterval = 5000; var slides = $scope.slides = []; $scope.addSlide = function() { var newWidth
8 2024-02-24
编程技术问答社区
如何设置Angular Timepicker的最小时间和最大时间?
是否有一种方法可以为Angular的引导时间选择器设置最短时间和最大时间?允许进行钟声. 查看 timepicker的设置有一种方法可以做到这一点...但是只是想知道是否有人熟悉一种实现这种行为的方法.预先感谢您的见解/建议! 编辑: 为我要做的事情提供更多背景: 我有两个钟贴.左侧的一个允许用户选择一个开始时间,右侧的选择器允许用户选择 end 时间.无论选择哪个开始时间,都应设置最终时间止血器的底部限制,并且选择哪个结束时间应设置"开始时间"的最高限制. . 解决方案 您实际上只需要设置Mintime或Maxtime,而当您的验证正常工作时,因为一旦您的"开始"时间在"结束"时间之后," end"时间也是在"启动"时间之前. 我想完全做您所描述的事情,并最终编写了一份指令. 我选择了" mintime"作为我的'end'timepicker上的属性,并将其设置为"启动" timepicker的模型.然后,该指令观看对这两种模型的更改,如果
8 2024-02-24
编程技术问答社区
在Angular中向Twitter Bootstrap Modal传递数据
我想显示一个模态框,询问用户是否要删除帖子.我不知道如何传递我在关键参数中传递的密钥,在该论点中也可以提醒. 我从Angular Twitterbootstrap网站上拿走了代码,但我无法找到传递数据以确认删除的方法. 谢谢 穆罕默德 $scope.deletePost = function(key, post, event) { alert(key); var modalInstance = $modal.open({ templateUrl: 'deletePost.html', controller: ModalInstanceCtrl, resolve: { items: function() { return $scope.posts; } }, }) modalInstance.re
12 2024-02-24
编程技术问答社区
Angular bootstrap typeahead在Angular 1.3.0中不工作。
我创建了一个小型plunker,以表明这是不起作用的.任何人都可以帮助我如何使用1.3.0 AngularJS/提供替代解决方案的打字机.我们将其与Angular-Bootstrap 0.11.0和最新版本的Bootstrap一起使用.我们的代码在很大程度上依赖于1.3.0 中引入的NG-Messages 这是Plunker链接 您可以清楚地看到,单击事件,向上箭头和向下箭头不起作用.添加一些代码以使其感到高兴. :) Static arrays Model: {{selected | json}}
6 2024-02-23
编程技术问答社区