Articles of angular ui bootstrap

Crie um simples Bootstrap Sim / Não confirmação ou apenas alerta de notificação no AngularJS

É tão simples em um ambiente não angular. Apenas html e uma linha de código js para mostrar um diálogo de confirmação modal na canvas. Agora estou desenvolvendo um projeto AngularJS no qual estou usando diálogos de confirmação modal de ui-bootstrap em todo o lugar e estou cansado de criar novos controladores mesmo para coisas […]

Como você se vincular a events de slides de carrossel do Angular-UI?

Estou usando o carrossel do Angular-UI e preciso dizer aos meus charts do google para redesenhar depois que eles aparecerem. Apesar do que eu li, não consigo me conectar ao evento. Veja minha tentativa: http://plnkr.co/edit/Dt0wdzeimBcDlOONRiJJ?p=preview HTML: Slide {{$index}} {{slide.text}} Na carga do documento: $(‘#myC’).live(‘slid.bs.carousel’, function (event) { console.log(“slid”); } ); Deve funcionar algo assim: http://jsfiddle.net/9fwuq/ […]

Como usar o Bootstrap Angular UI Bootstrap em um único formulário?

Eu tenho um formulário onde há a necessidade de eu ter dois ou mais campos de data para coisas diferentes. Eu tentei o Angular UI Bootstrap, que funciona bem quando eu tenho apenas 1 campo de data no formulário. Mas ele pára de funcionar se eu tiver vários campos de data e não sei o […]

Ocultar o popover do Bootstrap da UI angular ao clicar fora dele

Eu estou tentando fechar manualmente um popover bootstrap para obtê-lo para fechar quando clico em qualquer lugar no document ou body que não é o popover. A coisa mais próxima que eu encontrei para conseguir isso é criar uma diretiva ( encontrei esta resposta ), mas isso é para um gatilho manual se uma variável […]

Boa maneira de abrir / fechar dinamicamente um popover (ou tooltip) usando angular, baseado em expressão?

Eu tenho um formulário que está ligado em angular, usando-o para validação. Eu sou capaz de exibir mensagens de erro usando diretivas ng-show assim: This field is required. .. onde f é o formulário e t3 vem de uma diretiva personalizada no formulário que detecta se uma submissão foi tentada e contém funções para verificar […]

Usando jqgrid com popover de bootstrap angular ui

Eu tenho uma tabela que criei usando jqGrid. Estou planejando adicionar uma funcionalidade popover para que, quando um usuário clicar em uma célula / grade, um popover personalizado seja exibido. E estou planejando usar o popover do bootstrap angular da interface do usuário. Eu tenho minha grade e também tenho meu botão que pode exibir […]

Angular JS – Focaliza automaticamente a input e mostra o menu suspenso typeahead – ui.bootstrap.typeahead

Estou usando o Angular JS – ui.bootstrap.typeahead: Gostaria de clicar em um botão e focar um campo de input e mostrar automaticamente a lista suspensa de sugestão de headers. Eu tenho uma diretiva que foca automaticamente o campo de input quando o botão é clicado. Como posso mostrar o menu suspenso automaticamente para que o […]

Invocando janela modal na interface de usuário do AngularJS Bootstrap usando JavaScript

Usando o exemplo mencionado aqui , como posso invocar a janela modal usando JavaScript em vez de clicar em um botão? Eu sou novo no AngularJS e tentei pesquisar a documentação aqui e aqui sem sorte. obrigado

Roteador de interface angular: modos de exibição nesteds não funciona

Construindo um formulário de várias etapas (“assistente”). Estava seguindo este tutorial originalmente , que funcionou muito bem, mas agora estou tentando adaptá-lo para que a primeira etapa seja incorporada na página inicial, em vez de ser um estado separado. Não importa o que eu tente, não posso criar um caminho ui-sref que funcione. Eu sempre […]

Angularjs compartilhar dados de configuração entre controladores

Eu estou querendo saber o que poderia ser uma boa maneira de compartilhar diretiva entre o controlador. Eu tenho duas diretivas para usar em um controlador diferente com configuração diferente, a primeira coisa que pensei em usar como: //html //js .controller(‘MainCtrl’, function ($scope,$upload) { /*File upload config*/ $scope.onFileSelect = function($files) { for (var i = […]