UnKnown Error
PrimosK
javascript angularjs 2014-2-16 20:24:46
Quote from one of the comments regarding ngCloak directive (AngularJS documentation):It is only really needed on your “index.html” page, because thebrowser may try to render things before Angular has had a chance toparse/compile it. At runtime, when Angular pulls in content due tong-view, ng-include, etc., it will be processed by Angular before thebrowser renders.I created a example in jsFiddle to verify this and on my surprise the expression is not evaluated before it is rendered in the browser
user1876508
angularjs angularjs-directive 2014-2-14 5:09:28
I have begun to learn about Angular.JS and am confused about what the difference are between the ng-app and data-ng-app directives.
neeraj
.net visual-studio-2010 angularjs 2014-2-13 8:54:48
I have Dropdown control like this :<select class=”input-large” id=”BloombergYellowKeyID” name=”BloombergYellowKeyID”ng-model=”instType.BloombergYellowKeyID”ng-options=”instType.BloombergYellowKeyID as instType.BloombergYellowKey for instType in instTypes | unique:’BloombergYellowKeyID'” required><option value=””>Please Select…</option></select>$scope.instTypes show data like this on runTimeBloombergYellowKey :”Mtge”BloombergYellowKeyID” :3(i can’t post Image as i dont h
mcv
http angularjs jsonp angularjs-resource 2014-2-12 10:03:12
I’m trying to access a REST service I don’t control. First problem is that the service doesn’t include a Access-Control-Allow-Origin header, which is a problem that, if I understand correctly, immediately limits me to JSONP.Also, by default, this service sends XML rather than JSON, though it’s capable of sending JSON. I think it should respond to my Accept header, the people responsible for the service say it looks at my Content-Type. That would mean I’d need to do a POST rather than a GET (thou
Dis Shishkov
angularjs angularjs-directive simplemodal 2014-2-12 9:59:38
Am new to AngularJS and I am trying to use a $modal popup from bootstrap. I also follow this article and wrapping it with an Service.in my modal.html template file I want to include a custom directive dynamically at run-time. To add more details,I created modalService, which takes a directive name as an argument and needs to get that added at runtime.e.g. in my controller modalService.showModal(“ngMyDirective”, modalOptions).then(function (result) {…modal.html:<div class=”modal-body”> &l
user1604473
jquery jquery-ui angularjs 2014-2-11 22:28:28
I am using jquery UI tab in angularJS and used ng-repeat to generate list items and tab containers. Tabs are working but the tab containers are not working properly. template – tabs.html<ul ng-sortable=”pages”><li ng-controller=”pageCtrl” ng-repeat=”page in pages”><a class=”pageName” href=”#{{page.id}}”>{{page.name}}</a></li> </ul> <div id=”{{page.id}}” ng-repeat=”page in pages”><p>{{page.id}}</p> </div>Directive.directive(‘ngTabs’, fun
synergetic
angularjs 2014-2-10 20:49:13
I have the following twitter bootstrap navbar html:<ul class=”nav”><li ng-repeat=”module in modules” ng-class=”{active: (‘{{ ‘/’ + view.name }}’ == ‘{{ module.url }}’)}”><a ng-href=”#{{ module.url }}”>{{ module.name }}</a></li> </ul>As Chrome inspection shows at runtime it becomes:AngularJS version is 1.0.6.As you see, the first <li> tag’s class is “active” when the page first time loaded. After that ng-class is not re-evaluated, even if url has changed
user1609682
angularjs angularjs-directive angularjs-scope 2014-2-10 0:22:17
I’ve been working on my first angular app all day and have a basic question.The goal is to create a text field with two strings describing the current url route and action like the following:You are on: {{urlRoute}} / {{urlAction}} This information will be in the header bar for all pages of the application and needs to be updated as the user visits pages.How can I run a string .split(“/”) on the output of $location.path() and return it to the view as two strings, urlRoute, urlAction in the root
Perroloco
javascript angularjs angularjs-directive 2014-2-9 16:47:24
I am using AngularJS, and I want to add a lightbox for showing images. My lightbox code works like this (I am using shadowbox):<a href=”myimage.jpg” rel=”shadowbox”>image name</a>But when I want to use the shadowbox with AngularJS like this:<a ng-repeat=”pic in pics” href=”{{pic}}” rel=”shadowbox”>image name</a>the shadowbox will be ignored, and it works like a normal link. What is the best way to make this work?I may have to write a directive, but I’m not familiar with i
redben
user1876508
angularjs angularjs-directive 2014-2-14 5:09:28
I have begun to learn about Angular.JS and am confused about what the difference are between the ng-app and data-ng-app directives.
Dis Shishkov
angularjs angularjs-directive simplemodal 2014-2-12 9:59:38
Am new to AngularJS and I am trying to use a $modal popup from bootstrap. I also follow this article and wrapping it with an Service.in my modal.html template file I want to include a custom directive dynamically at run-time. To add more details,I created modalService, which takes a directive name as an argument and needs to get that added at runtime.e.g. in my controller modalService.showModal(“ngMyDirective”, modalOptions).then(function (result) {…modal.html:<div class=”modal-body”> &l
user1609682
angularjs angularjs-directive angularjs-scope 2014-2-10 0:22:17
I’ve been working on my first angular app all day and have a basic question.The goal is to create a text field with two strings describing the current url route and action like the following:You are on: {{urlRoute}} / {{urlAction}} This information will be in the header bar for all pages of the application and needs to be updated as the user visits pages.How can I run a string .split(“/”) on the output of $location.path() and return it to the view as two strings, urlRoute, urlAction in the root
Perroloco
javascript angularjs angularjs-directive 2014-2-9 16:47:24
I am using AngularJS, and I want to add a lightbox for showing images. My lightbox code works like this (I am using shadowbox):<a href=”myimage.jpg” rel=”shadowbox”>image name</a>But when I want to use the shadowbox with AngularJS like this:<a ng-repeat=”pic in pics” href=”{{pic}}” rel=”shadowbox”>image name</a>the shadowbox will be ignored, and it works like a normal link. What is the best way to make this work?I may have to write a directive, but I’m not familiar with i
Harry
angularjs angularjs-directive angularjs-scope angularjs-routing 2014-2-3 9:40:39
I have a chat directive that I use to place a chatroom in on the page.mod.directive(‘chat’, function () {return {templateUrl: ‘/chat’,replace: true,scope: { chatID:’@chat’,},controller: function ($scope, $element, $timeout) {var id = $scope.chatID…},link: function …} })HTML looks like this:<div class=”chat” chat=”{{currentChatID}}” ui-view=”currentChat”></div> <div class=”content” ui-view=”mainContent”></div>This is in a file called “standard”mod.config(function($stat
JayPrime2012
angularjs angularjs-directive 2014-1-8 18:57:21
I have a circular directive dependency situation.DirectiveA.template = ‘<div switch-on=”v”> <DirectiveB when=”someVal” /> </div>’; DirectiveB.template = ‘<div> <DirectiveA /> </div>’;What this will do, if you set up this situation, is hang Chrome and eventually crash the page.I think the reason is because the way the $compile works it will cause endless recursion.However, as you can see based on my switch statement, there is a recursion terminator clause. As
pillarOfLight
javascript angularjs angularjs-directive angularjs-scope 2014-1-8 5:55:04
Supppose I have this:<div class=”dostuff” some-obj=”parentScopeObj”>sAngular.app.directive(‘dostuff’, [‘$compile’, function($compile){return {restrict : ‘C’,scope: { someObj : ‘=’ },link : function(scope, element, attrs){ element.click(function(){scope.parentScopeObj = scope.someObj;scope.parentScopeObj.first = ‘some modification’;scope.$apply();});}Basically the goal is to have a new, isolated scope.parentScopeObj in which if you modify stuff in the directive’s scope.parentScopeObj and
hinoglu
angularjs angularjs-directive 2014-1-6 0:28:56
I’m trying to add simple ng-mouseover bindings to elements managed by directives. But colud not get it working. @ http://jsbin.com/aqibij/2/editI’ve tried to recompile the element after adding ng-mouseover binding. directive.compile and outer controller runs, but directive.linker does not run.@ http://jsbin.com/ikebed/1/editI’ve moved the $compile’ing into linker. It runs fine, ng-mouseover runs fine, but recompiling in linker causes endless loop, which crashes the browser at the end :)How can
user1505431
node.js angularjs ckeditor angularjs-directive 2013-11-13 8:38:35
Using the solution from this problem: Bind Ckeditor value to model text in angularjs and railsI get the following error whenever I try to use the directive on my page.Uncaught TypeError: Cannot call method ‘unselectable’ of null ckeditor.js:290 a ckeditor.js:290 (anonymous function) ckeditor.js:286 i ckeditor.js:10 CKEDITOR.event.CKEDITOR.event.fire ckeditor.js:12 CKEDITOR.editor.CKEDITOR.editor.fire ckeditor.js:13 CKEDITOR.event.CKEDITOR.event.fireOnce ckeditor.js:12 CKEDITOR.editor.CKEDITOR.ed
S.C.
angularjs angularjs-directive spotify 2013-11-11 1:54:44
I’m writing a very simple AngularJS directive to communicate with Spotify API (1.0). I’ve this custom directive that should create a Spotify List View (reference here: https://developer.spotify.com/docs/apps/views/1.0/list-list.html).Here’s the Angular directive:angular.module(‘spotify.view.list’, []).directive(‘spList’, function($rootScope, $timeout) {var rootScope = $rootScopereturn {restrict: ‘EA’,replace: true,link: function($scope, el, attrs) {var fn = attrs[‘for’], list = null, playlistatt
Facu Ferrari
javascript jquery angularjs angular-ui 2013-11-9 19:35:55
I’m working with the angularJS and the AngularJS UI modules for loading gmaps on my app and perform actions on its events. The problem is that the ui-events call function doesn’t pass the write parameters, indeed it doesn’t pass anything to the module.Here is my app moduleangular.module(‘Maptesting’, [‘ui.map’, ‘ui.event’]) .controller(‘CtrlGMap’, [‘$scope’, function($scope) {$scope.mapOptions = {center: new google.maps.LatLng(-54.798112, -68.303375),zoom: 11,mapTypeId: google.maps.MapTypeId.SAT
cpeele00
angularjs angular-ui angular-ui-bootstrap 2013-11-9 19:31:19
I have been trying to wire up AngularUI to Bootstrap 3 to no avail. I grabbed the appropriate AngularUI code from the bootstrap 3 branch here: https://github.com/angular-ui/bootstrap/tree/bootstrap3_bis2I picked the AngularUI tooltip directive as an easy “test-case” to see if I can get it all wired up.There error I am receiving is: Uncaught Error: No module: ui.bootstrap I’ve shared a dropbox link with src code below. Views/Home/index.cshtml contains the markup with references to angularjs and b
Josh David Miller
angularjs module state angular-ui ngboilerplate 2013-11-7 10:18:34
I’d like to implement a setup where i can define a “root state” in the main module, and then add child states in other modules. This, because i need the root state to resolve before i can go to the child state.Apparently, this should be possible according to this FAQ: How to: Configure ui-router from multiple modulesFor me it doesn’t work: Error Uncaught Error: No such state ‘app’ from ngBoilerplate.fooHere is what i have:app.jsangular.module( ‘ngBoilerplate’, [‘templates-app’,’templates-common’
madth3
twitter-bootstrap angularjs angular-ui 2013-11-3 4:07:51
Here is my html and angular js code<html ng-app=”myApp”> <head><title>Angular App</title><link href=”Styles/bootstrap.min.css” rel=”stylesheet” type=”text/css” /><script src=”Scripts/angular.min.js” type=”text/javascript”></script><script src=”Scripts/ui-bootstrap-custom-0.4.0.js” type=”text/javascript”></script><script src=”Scripts/ui-bootstrap-custom-tpls-0.4.0.js” type=”text/javascript”></script><script type=”text/javascript
user45763
angularjs angular-ui angular-ui-bootstrap 2013-10-21 22:09:46
Everything is very “fresh” right now. I’ve got the angular seed project and I’m using the async index page. When I add a reference for angular-bootstrap It blows up. This doesn’t happen when I don’t load async style.How can I use AngularUI bootstrap with the $script loader?The errors I’m getting are: Uncaught TypeError: Object #<Object> has no method ‘controller’ ui-bootstrap-0.2.0.js:9 (anonymous function) ui-bootstrap-0.2.0.js:9Uncaught Error: No module: ui.bootstrap.collapse new-job-ord
edward.louis
angularjs angular-ui angular-ui-bootstrap 2013-10-21 14:31:41
New to AngularJS and can’t seem to find out what this error means. I’ve found a few others with the same error but it seems their issues don’t correlate to mine.Unknown provider: $modalProvider <- $modal error with AngularJS (Seems I’ve got the latest ui-bootstrap version)And all of the others seem to be having scope issues with a modal, yet I can’t seem to get the modal to begin with so I’m thinking these aren’t related. Please tell me if I’m wrong and how that’s the case:Scope issue in Angu
user1881263
javascript angularjs angular-ui 2013-10-21 4:55:05
I’m tasked with showing a list of records with AngularJS like so:$scope.colours = [{id:’1′, name: ‘red’, active: true },{id:’2′, name: ‘blue’, active: false },{id:’3′, name: ‘green’, active: true },{id:’4′, name: ‘red’, active: false } ];and giving the user the ability to show/hide them via a checkbox by the category(or in the example colour) they sit under. So I’ve taken the data and displayed some checkboxes using the Angular-UI Unique filter but when I toggle the “Red” category I want to
angularJsNewbie
jquery-ui angularjs modal-dialog angular-ui 2013-10-20 20:28:16
I am porting a large CRUD business application that was created with Oracle-forms-like technology to the web (HTML5 / AngularJS / RESTful-web-services). Part of the way the business logic is set depends on the availability of modal dialog boxes, showing CRUD grids. For starters, the users…click on a row of the grid enter data into the row’s first field hit ENTER cursor is sent to the next field on the right etc. they edit other fields, and so on they click on “save” somewhere on the page vali
Joe F
javascript angularjs angular-ui 2013-10-19 15:59:34
Referring to this question: Understanding better Javascript OOP architectureAngular sets a closure variable called self to this. Later it’s used in handleLocationChange to find the right this. I’ve looked at the code but can’t find any example where handleLocationChange is called or registered.In my answer to the above mentioned question I speculate that it’s declared in the constructor’s body because the event/publish/subscribe implementation will be passed handleLocationChange without the inst
Emmentaler
angularjs angular-ui angular-ui-bootstrap 2013-10-12 0:01:03
I found a SO question that showed me how to use an Angular UI – Bootstrap typeahead with $http object. It worked fine (see first plunk) until I changed the Angular version to 1.2RC2 which it is now failing on. I do not know the Angular code well enough to figure out why. What changed between 1.05 and 1.2 to break this codeThis plunk works: http://plnkr.co/edit/eGG9Kj?p=previewThis plunk doesn’t work: http://plnkr.co/edit/HdVBpp?p=previewThe relevant codeHTML<html ng-app=”plunker”><he