angular-ui

Pushing jQuery plugin input value to a model in AngularJS

别说谁变了你拦得住时间么 提交于 2019-12-22 08:37:38
问题 Situation: I'm porting over, or should I say attempting to port Lakshan Perera's Simple jQuery ColorPicker (https://github.com/laktek/really-simple-color-picker) over to Angular. After reviewing similar problems on SO it seems like some folks assign the scope of the plugin through the controller, but the proper (Angular) way to do this is by wrapping the plug-in in a directive. I'm getting close. I'm able to properly render the plug-in in my view via my new custom attribute, but I'm not sure

How to manually toggle angular-ui-select dropdown

…衆ロ難τιáo~ 提交于 2019-12-22 06:23:55
问题 I'm using AngularUI's ui-select to create several multiselects on a page. I need to be able to open the dropdown list when a user clicks on a button on the page. I've tried using jQuery's .click() and .toggle('click') on the element, but these result in a $apply already in progress error when called by in the button's ng-click function. They work when called from Chrome's console though. The function in ng-click doesn't do anything besides simulating another click. .focus() doesn't do

How to manually toggle angular-ui-select dropdown

浪子不回头ぞ 提交于 2019-12-22 06:23:04
问题 I'm using AngularUI's ui-select to create several multiselects on a page. I need to be able to open the dropdown list when a user clicks on a button on the page. I've tried using jQuery's .click() and .toggle('click') on the element, but these result in a $apply already in progress error when called by in the button's ng-click function. They work when called from Chrome's console though. The function in ng-click doesn't do anything besides simulating another click. .focus() doesn't do

Angular UI select not displaying

痞子三分冷 提交于 2019-12-22 05:39:13
问题 I am currently using ui-select (https://github.com/angular-ui/ui-select) for dropdowns. I have included select.js and select.css in my index.html file. I have also installed angular-sanitize through bower. This is what my controller looks like : use strict'; angular.module('myApp.home', [ 'ui.select', 'ngSanitize']).controller('ScheduleCtrl', ScheduleCtrl); ScheduleCtrl['$inject'] = [ '$stateParams', '$state' ]; function ScheduleCtrl($stateParams, $state) { var vm=this; vm.itemArray = [ {id:

Angular ui-select tagging lose text input on blur

混江龙づ霸主 提交于 2019-12-22 05:14:22
问题 THE SITUATION Hello guys! I am using Angular ui-select for my app in order to select users from a database. Using Tagging is possible to enter a new entry in the event the user is not present in the list. By writing the name and pressing ENTER or TAB the new entry is saved as a new tag. Everything is working fine except one little thing: if i focus out with the mouse i lose the input i have entered, and this is not quite user-friendly. CODE <h3>Array of objects</h3> <ui-select multiple

AngularUI Datepicker dynamic date disabling

你。 提交于 2019-12-22 04:16:28
问题 I am using the AngularUI datepicker. I have two datepickers that influence each other. One is for example a "start date" and the other is an "end date". Instead of creating validation for both datepickers, I want to eliminate the option of having invalid dates (i.e. end date earlier than the start date and vice versa). Is there a way to re-trigger the date-disabled attribute on select of a date? (re-trigger the date-disabled of the OTHER datepicker) My plunkr: I have a start and end date, as

How to set class/style of accordion heading in Angular UI

我怕爱的太早我们不能终老 提交于 2019-12-22 04:03:29
问题 I'm using Angular UI to render littel database entries in an accordion. In a first trial, I used bootstrap, but as I integrated AngularJS views, accordion is no more fully working (empty href...). I then replaced my bootstrap accordion with angular UI bootstrap one and the default template. My problem is that in the bootstrap version, I managed to stylized the heading depending on the accordion title (I was using the ng-repeat directive, and the ng-style inside the heading). I tried to do the

AngularJS - Accept a ui.bootstrap modal with ENTER key

烂漫一生 提交于 2019-12-22 03:59:17
问题 The Issue: I've been unable to to accept a modal window with the ENTER key I have modified the default Plunker to show you what I've done since now --> Here What I have: Briefly, the ENTER key is recognized by the modal, but it doesn't trigger my function (scope issues, I suspect). The bad part is that I had to modifiy the template/modal/window , which I would gladly left unspoiled, if possible. What I would love I would love to simply put the ng-enter directive in my modal, without modifying

Get active slide index outside angular-ui bootstrap carousel

风流意气都作罢 提交于 2019-12-21 21:35:17
问题 I have a problem getting the active slide in an Angular-UI Bootstrap carousel outside the carousel . I have a panel, with the carousel inside, and want to put buttons in the footer of the panel that makes actions using the selected slide, but using jquery selectors is not an option . I want to implement it using something in pure angular. I think I can use the active attribute, but maybe there is something clever that can do the trick more smoothly. Some code (Jade syntax): .panel.panel-info

Is it possible mask input using a different placeholder?

浪子不回头ぞ 提交于 2019-12-21 16:23:09
问题 Since my form has no labels, I would like to be able to use a different placeholder with Angular and Angular-UI-Utils-Mask: <div ng-controller="myController"> <input type="text" ng-model="date" ui-mask="99/99/9999" placeholder="Birth Date"/> </div> Using jquery-inputmask it works like a charm, but I had too many problems to make it work with Angular so I'm now trying to go Angular way, but Angular shows my input as: Bi/th/Date Here's a fiddle to show it: http://jsfiddle.net/XS4R6/ I also saw