首页 > TAG信息列表 > angular-ui

javascript-为什么在模态解析中声明一个函数

关于模态angular-ui的此代码示例,我有2个简单的问题. 可以找到代码here,我还引用了有趣的部分： var ModalDemoCtrl = function ($scope, $modal, $log) { $scope.items = ['item1', 'item2', 'item3']; $scope.open = function (size) { var modalInstance = $modal.o

javascript-Angular UI Modal控制器未暴露于指令

我需要创建一个可以在Angular UI模式内使用的指令.该指令还需要了解模态控制器,以便使用其功能.我现在所拥有的： JS： 'use strict'; var DemoApp = angular.module('DemoApp', [ 'ui.bootstrap' ]); DemoApp.controller('PageController', ['$scope', '$modal�

Javascript-角度UI路由器多个嵌套和控制器数据

我正在尝试构建： 带有两个导航栏的页面,一个用于颜色,一个用于字母.单击颜色按钮将更改一个视图以表示该颜色.单击字母将使代表该字母的视图不同.第三个视图应同时具有颜色和文字知识.每当这些状态之一发生变化时,我也想触发警报. 我不想对颜色或字母进行硬编码.我想重复使用这些模

使用$compile绑定HTML内容时,AngularUI引导轮播无法正常工作

AngularUI Bootstrap version ^2.4.22 AngularJS version 1.6.4 Angular Sanitize version ^1.6.1 我在使用AngularUI引导程序的Carousel插件时遇到问题.在我的场景中,我需要读取一个包含一些模板路径的外部文件,并将每个文件作为幻灯片加载.请参见下面的示例： index.html(正在调

javascript-角度ui路由和嵌套子状态下的多个视图

我有一个抽象的父状态,它基本上只包含具有ui视图的html模板.我有多个包含多个视图的子状态,每个子状态都有一个也包含多个视图的子状态.该行中的第一个子状态工作正常,但是当我尝试将子状态访问到子状态时,它崩溃了. 这是一些简化的代码(我在真实代码的页面上有几个组件.它的作用类

AngularJS ui模态传递数据

这是ui-select,用户可以在其中选择选项： <ui-select ng-model="state.selected" ng-change="openModal(state.selected,orders.order_id)" ng-if="orders.state == 'Paid'" theme="selectize" ng-disabled="disabled" sty

javascript-Angular UI-Router-在模板网址上直接使用“解析”

我正在使用UI-Router,并希望将路由更改为“基于组件”.因此,我没有定义控制器/模板,而是想像这样使用它： .state('issue', { url: '/someUrl/:number', template: '<my-directive></my-directive>', resolve: { data: function(dataService) { re

javascript – 如何以一般方式处理’可能未处理的拒绝：背景点击’

我有处理模态的角度服务： angular.module('myApp').service('ModalService', function($uibModal) { function open(options) { return $uibModal.open(options); } }); 现在我升级到角度1.6并得到此错误： Possibly unhandled rejection: backdrop click 每当我打开一个

javascript – Angular ui-select只过滤一个字段

情况： 我有一个角度应用程序使用angular ui-select来搜索和选择数据库中的人. 除了一件事,它工作得很好. 用户应该能够使用两个标准在人员之间进行过滤：姓名和电子邮件. 使用普通角度滤波器,我只能过滤其中一个.如果我尝试过滤这两个字段,它就不再起作用了. 具有一个字段的工作示例：

javascript – 如何在角度ui-router状态下添加guid正则表达式

我有这条路 .state('mystate', { url: '/{id}', templateUrl: '/views/partial.html' }); id param应该是像这样的“2a542f61-5fff-4607-845d-972e6c3ad1e4”形式的guid. 我如何在网址“url：’/ {id：？我应该放在这里}}”中添加这个.解决方法:您可以定义自己的参数类型. var

javascript – 单元测试angular-bootstrap $modal

我在尝试为Angular-Bootstrap $modal编写茉莉花单元测试时遇到问题.确切的错误是预期的间谍开放被调用了[{templateUrl：’/ n / views / sign.html’,控制器：’W2ConsentModal为w2modal’,解决：{employee：Function},size：’lg’}]但实际调用是[{templateUrl：’/ n / views / sign.html’,

javascript – ANGULAR-UI-ROUTER：从URL解析状态

我正在创建一个具有动态状态的应用程序,有时我需要从URL解析状态名称. 例如：我有/ dashboard / user / 12268,我需要获得状态’dashboard.user’. 用ui-router提供的工具有没有办法做到这一点？我现在无法知道如何做到这一点…… 我正在使用requireJS进行动态模块加载的应用程序.第一

javascript – 使用go函数在状态之间传递数据的Angular UI-Router不起作用

我刚开始学习angularjs,我正在使用angular-ui-router.我试图使用$state.go将数据从一个州发送到另一个州,但我没有成功.这是我到目前为止： 我没有故意包含html,因为我认为如果需要它不需要请告诉我,我会添加它. 我已将状态配置如下： $stateProvider .state('public', {

javascript – 如何在AngularJS中使用HTTPS？

我正在使用AngularJS,$resource& $http并使用apis,但由于安全原因,我需要发出HTTPS请求(在HTTPS协议下工作). 在AngularJS中使用https的方法是什么？谢谢你的帮助.解决方法:像往常一样使用$http api： $http.get('/someUrl').success(successCallback); 如果您的应用程序是通过HTTPS

javascript – Bootstrap datepicker格式不能用于初始化

我试图在我的应用程序中使用angular-bootstrap datepicker模块并遇到小问题.我使用输入文本和按钮显示日期,如下所示： <div class="row" id="datePicker"> <p class="input-group"> <input type="text" class="form-control" datepick

javascript – 在Angular-UI日历​​/ fullcalender中禁用事件大小调整

对于我们使用angular-ui-calendar进行可视化的事件,我们没有任何持续时间,因此我们不希望用户进行任何调整大小,同时仍然能够拖放事件以将其移动到另一个日期和时间.我在哪里可以配置？ $scope.uiConfig = { calendar: { height: 450, editable: true, // her

javascript – angularjs ui-select-choices下拉aphabetical顺序取决于给定的输入

我正在使用https://github.com/angular-ui/ui-select用于我正在处理的网站.目前代码如下： <ui-select ng-model="model.states"> <ui-select-match placeholder="State"> {{$item.Name}} </ui-select-match>

javascript – 如何使用Factory关闭mouseleave上的Angular-ui-bootstrap uibModal？

我最近在我们的应用程序中将所有模态指令切换到Angular-ui-Bootstrap模态.好多了,但是遇到了一种新的模态,它在mouseleave上关闭而不是取消点击. this.leaveTag = (tag) => { TagHover.off(); }; this.hoverTag = (tag) => { TagHover.display(); }; 上面是调用TagHover

javascript – AngularJs与ui.router如何为其子项设置身份验证

我使用AngularJS和ui-router,这是我当前的app.js配置. 'use strict'; angular.module('nodeserverApp', [ 'ngCookies', 'ngResource', 'ngSanitize', 'ngRoute', 'ui.bootstrap', 'ui.router' ]) .co

javascript – Angular-ui-bootstrap datepicker指令 – 带到前面

我在将自举网格与angular-ui日期选择器相结合时遇到了麻烦.在我的页面上有一列,其宽度小于日期选择器的宽度.当下一个元素开始时,会删除datepicker. 这是问题的图像： 灰色区域是左列,包含带有下拉日期选择器的输入元素(此处也将对其进行描述：http://angular-ui.github.io/bootstrap/)

javascript – AngularJS更改URL但不更改视图

我们正在使用angularJS和angular ui-router,并希望更改地址栏中的URL,但保持视图/状态相同. 我已经尝试过使用历史pushstate但是我遇到了冲突导致无限的$digest循环. 我也尝试过sync()https://github.com/angular-ui/ui-router/wiki/Quick-Reference#urlroutersync中描述的方法 –

javascript – Ui掩码部分值

嗨,对于angularui中的UI掩码,有没有办法只从输入框中获取一部分值？例如： <input type="text" name="myInput" ui-mask="999-999-9999" placeholder="xxx-xxx-xxxx"class="form-control" data-ng-model="search.phone" maxlength=&q

javascript – 初始加载时的事件

我试图捕获视图的第一个加载使用ui-router显示登录屏幕,如果用户没有登录. 但是,$stateChangeStart不会在第一次加载时触发,但它会在以下路由更改中触发. $rootScope.$on('$stateChangeStart', function(event){ event.preventDefault(); }); 我如何捕获初始负载？解决方

javascript – angular-ui ui-calendar不更新事件源对象/ ng模型的更改

我正在使用angular-ui / ui-calendar将fullcalendar.js添加到角度应用程序中. (angularjs 1.3.10,fullcalendar 2.2.6,ui-calendar 0.9.0-beta.1,jQuery 2.1.3,moment 2.9.0& angular-moment 0.9.0) 在日历中,我使用dayClick作为datepicker类型函数： – 将所选日期写入范围(用于应用

javascript – 指令多个模态中的UI Bootstrap模式,但只打开一个

如在this Plunkr中所见,我有两个模态,每个模态在模态一和模态二的单独指令中. 问题是,即使单击模态2按钮,也只打开模态1. 我猜它与$scope上的.open方法有关被覆盖了吗？ 我该如何预防呢？ 谢谢！解决方法:基本上在场景后面你共享一个范围最长的指令,因为你没有指定范围内的scope属性,它设