angular-ui

Angular UI Router: abstract : true won't display page

由 丶灬走出姿态 提交于 2019-12-10 19:17:56
问题 I'm trying to wrap my brain around Angular UI Router with nested navigation. My app has multiple pages. I've set up the StateProvider and the basic routing from page to page works. However, I am now trying to implement a tabbed view within one of these pages. I just can't get it to work. A basic example can be seen here: http://codepen.io/anon/pen/eBLfD Specifically: 1) the content of the first tab doesn't get loaded and 2) when I set abstract to false the page that holds the tabs does get

Angular ui-state with params type in typescript

由 余生长醉 提交于 2019-12-10 18:47:48
问题 What I know When using TypeScript with angular's ui state, I can provide "type assertion" with the UI-Router definitely typed library. Using this, I can inject $state and have code similar to the following function myCtrl($state: ng.ui.IStateService){ // Some code } This gives me correct autocompletion/error reporting for $state 's methods. So far, this is all fine. The problem When I try to access a property of params like the following function myCtrl($state: ng.ui.IStateService){ // Trying

Uncaught TypeError: Object [object global] has no method 'onGoogleReady' using angular-ui's ui.maps with Angular.js

由 点点圈 提交于 2019-12-10 18:37:58
问题 I'm trying to use angular-ui's ui-map library with Angular.js and receive the error " Uncaught TypeError: Object [object global] has no method 'onGoogleReady' using ui.maps with Angular.js ". I understand I need to include : function onGoogleReady() { angular.bootstrap(document.getElementById("map"), ['app.ui-map']); } but where and how? 回答1: function initCall() { console.log("Google maps api initialized."); angular.bootstrap(document.getElementById("map"), ['doc.ui-map']); } angular.module(

Angular UI Sortable not working properly

由 故事扮演 提交于 2019-12-10 18:36:16
问题 I am working on Angular UI for making my menus sortable, sometimes the code works and sometimes its breaks like duplicating the entries or filling the blank menus when I am re arranging items. Following is the full code - <!doctype html> <html lang="en" ng-app="myapp"> <head> <title>Angular Sortable Demo</title> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script> <script src="https:/

Use 2 ui-codemirrors in 1 controller

由 纵饮孤独 提交于 2019-12-10 17:47:16
问题 I am coding a very very basic playground by using AngularJS and ui-codemirror . Here is the code (JSBin). <html> <head> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.css"> <link rel="stylesheet" href="https://codemirror.net/lib/codemirror.css"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script> <script src="https://codemirror.net/lib/codemirror.js"></script> <script src="https:/

AngularJS Error: Unknown provider: $animateProvider <- $animate

由 ≯℡__Kan透↙ 提交于 2019-12-10 15:54:16
问题 Uncaught Error: [$injector:unpr] Unknown provider: $animateProvider <- $animate I am trying to create a carousel using Angular-ui as given in this link. http://angular-ui.github.io/bootstrap/ But, I get that error. Details: I am using a .min angular script file. The index.html has the same code as given in the link. According to this post Error: Unknown provider: employeesProvider <- employees, I took the ng-controller from the html and I'm binding the controller in the controller.js as given

uncaught object error: can't inject ngAnimate

由 ℡╲_俬逩灬. 提交于 2019-12-10 15:00:04
问题 I can't instantiate my app when I try to inject 'ngAnimate' like so: var app = angular.module('musicsa', [ 'ngCookies', 'ngResource', 'ngSanitize', 'ui.router', 'firebase', 'ngAnimate' ]) I get an error Uncaught object from angular.js line 78 I installed ngAnimate using bower. Here's my bower.json : { "name": "ang-changeorg", "version": "0.0.0", "dependencies": { "angular": "1.2.6", "json3": "~3.2.6", "es5-shim": "~2.1.0", "jquery": "~1.10.2", "bootstrap": "~3.0.3", "angular-resource": "1.2.6

Add class to accordion heading using AngularJS ui-bootstrap?

由 半城伤御伤魂 提交于 2019-12-10 13:51:07
问题 I want use ng-class to conditionally add a class to the accordion-heading , but it appears that not even setting a class explicitly on the element gets preserved. I have this: <div accordion close-others="true"> <div ng-repeat="currItem in items" accordion-group> <div accordion-heading class="myClass">My Heading {{$index}}</div> <div class="accordion-inner myClass">asdf asdf asdf</div> </div> </div> And the fiddle: http://jsfiddle.net/Zmhx5/1/ When I inspect the accordion heading element, the

Angular ui-router : Links are not clickable

由 ぐ巨炮叔叔 提交于 2019-12-10 13:24:11
问题 I try to run angular-ui-router to handle my views but i have a problem. The two links of the following view are not clickable. Angular change variable with link label but i can't click on. I have this view : <!DOCTYPE html> <html ng-app="MyApp"> <head> <meta charset="utf-8"> </head> <body> <h1>App</h1> <nav> <a ui-shref="app">{{link.home}}</a> <a ui-shref="app.front.signin">{{link.signin}}</a> </nav> <div ui-view="content"> </div> </body> </html> I use this code. It do not returns errors .

How do i filter a row based on any column data with single textbox

由 China☆狼群 提交于 2019-12-10 13:17:41
问题 I am using ng-table. I tried to use filter given in the example, but for filtering each column i need to have separate textbox. But what i tying to achieve is, One textbox to search any row based on any column data. How can i achieve this ? Just like jquery datatable search box. 回答1: This is how i did Html <input type="text" ng-model="searchUser"> <table ng-table="tableParams"> <tr ng-repeat="user in $data"> ... </tr> </table> Script var usersData = []; // initial data $scope.tableParams =
订阅 angular-ui