angular ui

以下是为您整理出来关于【angular ui】合集内容,如果觉得还不错,请帮忙转发推荐。

【angular ui】技术教程文章

angularjs-ui-router-animation【代码】

html<!DOCTYPE html><html ng-app="APP"><head><title></title><link rel="stylesheet" type="text/css" href="main.css"></head><body ng-controller="MainCtrl"><div><ul><li><a ui-sref="home">home</a></li><li><a ui-sref="contact">contact</a></li><li><a ui-sref="about">about</a></li></ul><div ui-view ng-class="{true:‘slide-left‘,false:‘slide-right‘}[leftorright]"></div><div><script type="text/javascri...

javascript – 如何使用Angular UI路由器解析所有状态的数据?【代码】

在我的应用程序中,每个路由都要求在呈现之前从我的API检索帐户数据.为此,我使用ngRoute执行以下操作:$rootScope.$on('$routeChangeStart', function(event, next, current) {next.$$route.resolve = next.$$route.resolve || {};next.$$route.resolve.authorizationCheck = function() {return deferredAccountData.promise;}; });因此,在每个路由之前,authorizationCheck解析,返回一个promise,必须解决.这非常有效. 我现在转而使...

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类型函数: – 将所选日期写入范围(用于应用程序中的其他用途) – 使用所选日期更新Event Source Object事件数组 – 在日历上显示所选日期(即新更新的事件) 我完成前两个任务没有问题,但第三个没...

javascript – Angular UI选项卡的Select事件未按预期工作【代码】

我正在使用Angular UI Tabs,如下所示.我的问题是内部uib-tabset选择事件正在加载时触发.换句话说没有点击该选项卡(heading =“抱歉”).你能告诉我如何理清吗?这个问题? 这是Plunker.<uib-tabset active="active"><uib-tab index="0" heading="Static title">Static content</uib-tab><uib-tab index="3" select="alertMe()"><uib-tab-heading><i class="glyphicon glyphicon-bell"></i> Alert!</uib-tab-heading>I've got an HTM...

javascript – 如何使用Angular UI typeahead中的firebase数据正确选择【代码】

我正在尝试使用Angular-UI typeahead以及来自firebase的一些数据. 数据看起来像这样:Data:{ "-JL8IPEAs0vLSt4DJ4V9": { "name": "Something" }, "-JL8IbggYn3O8jkWoPmv": { "name": "Something Else" } }我的HTML看起来像这样:<input type="text" ng-model="answer.help" typeahead="label for (key , value) in object | limitTo:8">基本上我的问题是我无法弄清楚如何使用我当前的数据结构正确地进行预先选择部分. 这些资源很...

javascript – Angular-ui-bootstrap datepicker指令 – 带到前面【代码】

我在将自举网格与angular-ui日期选择器相结合时遇到了麻烦.在我的页面上有一列,其宽度小于日期选择器的宽度.当下一个元素开始时,会删除datepicker. 这是问题的图像: 灰色区域是左列,包含带有下拉日期选择器的输入元素(此处也将对其进行描述:http://angular-ui.github.io/bootstrap/).单击该按钮时,日期选择器会按预期打开,但会在右侧剪切. 这是HTML:<div class="navbar navbar-inverse navbar-fixed-top" role="navigation"><di...

javascript – Angular UI Bootstrap:默认情况下,将timepicker设置为空

我正在使用Angular UI Bootstrap(https://angular-ui.github.io/bootstrap/),特别是我正在尝试使用timepicker,虽然大多数组件都有你想要的每个设置,但我还没有找到一种方法来使timepicker为空/ null默认情况下,没有设置可以执行此操作,默认情况下,timepicker显示当前时间(网页打开时).我不确定是否有办法设置这个,因为没有为此设置组件?解决方法:它目前不受支持,并且是一个已知问题:https://github.com/angular-ui/bootstrap/iss...

javascript – 如何使用Factory关闭mouseleave上的Angular-ui-bootstrap uibModal?【代码】

我最近在我们的应用程序中将所有模态指令切换到Angular-ui-Bootstrap模态.好多了,但是遇到了一种新的模态,它在mouseleave上关闭而不是取消点击.this.leaveTag = (tag) => {TagHover.off(); };this.hoverTag = (tag) => {TagHover.display(); };上面是调用TagHover Factory内部函数的视图逻辑. 下面是Factory,TagHover.display与我们的其他模态一样正常,但是我正在尝试使用leaveTag> TagHover.off调用modal.close.到目前为止没有工作...

javascript – Angularjs ui路由器手动导航【代码】

我想使用ui路由器手动更改控制器中的当前状态. 我现在有以下代码:<button ng-click="go()">Go</button>controllers.controller("MyController", function($scope){$scope.go = function(){//Manually change state};});有没有类似的东西$uiRouter.changeState("mystate"); ?提前致谢!解决方法:你可以使用$state.go或$state.transitionTo(https://github.com/angular-ui/ui-router/wiki/Quick-Reference#statetransitiontoto-topa...

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

对于我们使用angular-ui-calendar进行可视化的事件,我们没有任何持续时间,因此我们不希望用户进行任何调整大小,同时仍然能够拖放事件以将其移动到另一个日期和时间.我在哪里可以配置?$scope.uiConfig = {calendar: {height: 450,editable: true,// here?! resizable: false won't work$scope.events = [{// or here? resizable: false won't do anythingtitle: "Test", start: new Date(2014, 0, 1, 12, 0), end: new Date(2014, ...