{"id":2842,"date":"2014-02-23T08:34:03","date_gmt":"2014-02-23T08:34:03","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2014\/02\/23\/angularjsangularjs-directiveangular-uiview-the-original-page-collection-of-common-programming-errors\/"},"modified":"2014-02-23T08:34:03","modified_gmt":"2014-02-23T08:34:03","slug":"angularjsangularjs-directiveangular-uiview-the-original-page-collection-of-common-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2014\/02\/23\/angularjsangularjs-directiveangular-uiview-the-original-page-collection-of-common-programming-errors\/","title":{"rendered":"angularjs,angularjs-directive,angular-uiView the original page-Collection of common programming errors"},"content":{"rendered":"<h3>UnKnown Error<\/h3>\n<ul>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/74010f1afb2c62044f827542a5472194?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nPrimosK<br \/>\njavascript angularjs 2014-2-16 20:24:46<br \/>\nQuote from one of the comments regarding ngCloak directive (AngularJS documentation):It is only really needed on your &#8220;index.html&#8221; 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<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/cb1ef610ce36320c8991c257d7c85d00?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nuser1876508<br \/>\nangularjs angularjs-directive 2014-2-14 5:09:28<br \/>\nI have begun to learn about Angular.JS and am confused about what the difference are between the ng-app and data-ng-app directives.<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/f5dd7d67b117df1e63b382fb5d20e39a?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nneeraj<br \/>\n.net visual-studio-2010 angularjs 2014-2-13 8:54:48<br \/>\nI have Dropdown control like this :&lt;select class=&#8221;input-large&#8221; id=&#8221;BloombergYellowKeyID&#8221; name=&#8221;BloombergYellowKeyID&#8221;ng-model=&#8221;instType.BloombergYellowKeyID&#8221;ng-options=&#8221;instType.BloombergYellowKeyID as instType.BloombergYellowKey for instType in instTypes | unique:&#8217;BloombergYellowKeyID'&#8221; required&gt;&lt;option value=&#8221;&#8221;&gt;Please Select&#8230;&lt;\/option&gt;&lt;\/select&gt;$scope.instTypes show data like this on runTimeBloombergYellowKey :&#8221;Mtge&#8221;BloombergYellowKeyID&#8221; :3(i can&#8217;t post Image as i dont h<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/acb576b29171a8396bf8acdb680c7e08?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nmcv<br \/>\nhttp angularjs jsonp angularjs-resource 2014-2-12 10:03:12<br \/>\nI&#8217;m trying to access a REST service I don&#8217;t control. First problem is that the service doesn&#8217;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&#8217;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&#8217;d need to do a POST rather than a GET (thou<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/5759f1d2b36fb9f24987a6f1950c30e0?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nDis Shishkov<br \/>\nangularjs angularjs-directive simplemodal 2014-2-12 9:59:38<br \/>\nAm 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(&#8220;ngMyDirective&#8221;, modalOptions).then(function (result) {&#8230;modal.html:&lt;div class=&#8221;modal-body&#8221;&gt; &amp;l<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/af6fb8f6ac4bd03f1f7590eb955b0cb4?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nuser1604473<br \/>\njquery jquery-ui angularjs 2014-2-11 22:28:28<br \/>\nI 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 &#8211; tabs.html&lt;ul ng-sortable=&#8221;pages&#8221;&gt;&lt;li ng-controller=&#8221;pageCtrl&#8221; ng-repeat=&#8221;page in pages&#8221;&gt;&lt;a class=&#8221;pageName&#8221; href=&#8221;#{{page.id}}&#8221;&gt;{{page.name}}&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt; &lt;div id=&#8221;{{page.id}}&#8221; ng-repeat=&#8221;page in pages&#8221;&gt;&lt;p&gt;{{page.id}}&lt;\/p&gt; &lt;\/div&gt;Directive.directive(&#8216;ngTabs&#8217;, fun<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/5d7cb9d0eac6b3e783bbb1f63f81e05c?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nsynergetic<br \/>\nangularjs 2014-2-10 20:49:13<br \/>\nI have the following twitter bootstrap navbar html:&lt;ul class=&#8221;nav&#8221;&gt;&lt;li ng-repeat=&#8221;module in modules&#8221; ng-class=&#8221;{active: (&#8216;{{ &#8216;\/&#8217; + view.name }}&#8217; == &#8216;{{ module.url }}&#8217;)}&#8221;&gt;&lt;a ng-href=&#8221;#{{ module.url }}&#8221;&gt;{{ module.name }}&lt;\/a&gt;&lt;\/li&gt; &lt;\/ul&gt;As Chrome inspection shows at runtime it becomes:AngularJS version is 1.0.6.As you see, the first &lt;li&gt; tag&#8217;s class is &#8220;active&#8221; when the page first time loaded. After that ng-class is not re-evaluated, even if url has changed<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/44fb7909292578ab2571f679e71dc91b?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nuser1609682<br \/>\nangularjs angularjs-directive angularjs-scope 2014-2-10 0:22:17<br \/>\nI&#8217;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(&#8220;\/&#8221;) on the output of $location.path() and return it to the view as two strings, urlRoute, urlAction in the root<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/eb97dfda824ea3e9c84ff835e635a4e6?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nPerroloco<br \/>\njavascript angularjs angularjs-directive 2014-2-9 16:47:24<br \/>\nI am using AngularJS, and I want to add a lightbox for showing images. My lightbox code works like this (I am using shadowbox):&lt;a href=&#8221;myimage.jpg&#8221; rel=&#8221;shadowbox&#8221;&gt;image name&lt;\/a&gt;But when I want to use the shadowbox with AngularJS like this:&lt;a ng-repeat=&#8221;pic in pics&#8221; href=&#8221;{{pic}}&#8221; rel=&#8221;shadowbox&#8221;&gt;image name&lt;\/a&gt;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&#8217;m not familiar with i<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/b79dd9928ae93d9d7e045b62f5e0f225?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nredben<\/li>\n<\/ul>\n<ul>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/cb1ef610ce36320c8991c257d7c85d00?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nuser1876508<br \/>\nangularjs angularjs-directive 2014-2-14 5:09:28<br \/>\nI have begun to learn about Angular.JS and am confused about what the difference are between the ng-app and data-ng-app directives.<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/5759f1d2b36fb9f24987a6f1950c30e0?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nDis Shishkov<br \/>\nangularjs angularjs-directive simplemodal 2014-2-12 9:59:38<br \/>\nAm 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(&#8220;ngMyDirective&#8221;, modalOptions).then(function (result) {&#8230;modal.html:&lt;div class=&#8221;modal-body&#8221;&gt; &amp;l<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/44fb7909292578ab2571f679e71dc91b?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nuser1609682<br \/>\nangularjs angularjs-directive angularjs-scope 2014-2-10 0:22:17<br \/>\nI&#8217;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(&#8220;\/&#8221;) on the output of $location.path() and return it to the view as two strings, urlRoute, urlAction in the root<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/eb97dfda824ea3e9c84ff835e635a4e6?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nPerroloco<br \/>\njavascript angularjs angularjs-directive 2014-2-9 16:47:24<br \/>\nI am using AngularJS, and I want to add a lightbox for showing images. My lightbox code works like this (I am using shadowbox):&lt;a href=&#8221;myimage.jpg&#8221; rel=&#8221;shadowbox&#8221;&gt;image name&lt;\/a&gt;But when I want to use the shadowbox with AngularJS like this:&lt;a ng-repeat=&#8221;pic in pics&#8221; href=&#8221;{{pic}}&#8221; rel=&#8221;shadowbox&#8221;&gt;image name&lt;\/a&gt;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&#8217;m not familiar with i<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/f5ff428188f68d63fb80e7522b45615b?s=128&amp;d=identicon&amp;r=PG\" \/><br \/>\nHarry<br \/>\nangularjs angularjs-directive angularjs-scope angularjs-routing 2014-2-3 9:40:39<br \/>\nI have a chat directive that I use to place a chatroom in on the page.mod.directive(&#8216;chat&#8217;, function () {return {templateUrl: &#8216;\/chat&#8217;,replace: true,scope: { chatID:&#8217;@chat&#8217;,},controller: function ($scope, $element, $timeout) {var id = $scope.chatID&#8230;},link: function &#8230;} })HTML looks like this:&lt;div class=&#8221;chat&#8221; chat=&#8221;{{currentChatID}}&#8221; ui-view=&#8221;currentChat&#8221;&gt;&lt;\/div&gt; &lt;div class=&#8221;content&#8221; ui-view=&#8221;mainContent&#8221;&gt;&lt;\/div&gt;This is in a file called &#8220;standard&#8221;mod.config(function($stat<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/2ec8f0c5101fbefefd214bf3d5ea55e8?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nJayPrime2012<br \/>\nangularjs angularjs-directive 2014-1-8 18:57:21<br \/>\nI have a circular directive dependency situation.DirectiveA.template = &#8216;&lt;div switch-on=&#8221;v&#8221;&gt; &lt;DirectiveB when=&#8221;someVal&#8221; \/&gt; &lt;\/div&gt;&#8217;; DirectiveB.template = &#8216;&lt;div&gt; &lt;DirectiveA \/&gt; &lt;\/div&gt;&#8217;;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<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/85c8a42d9677e76d7c05abd84ff50b2c?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\npillarOfLight<br \/>\njavascript angularjs angularjs-directive angularjs-scope 2014-1-8 5:55:04<br \/>\nSupppose I have this:&lt;div class=&#8221;dostuff&#8221; some-obj=&#8221;parentScopeObj&#8221;&gt;sAngular.app.directive(&#8216;dostuff&#8217;, [&#8216;$compile&#8217;, function($compile){return {restrict : &#8216;C&#8217;,scope: { someObj : &#8216;=&#8217; },link : function(scope, element, attrs){ element.click(function(){scope.parentScopeObj = scope.someObj;scope.parentScopeObj.first = &#8216;some modification&#8217;;scope.$apply();});}Basically the goal is to have a new, isolated scope.parentScopeObj in which if you modify stuff in the directive&#8217;s scope.parentScopeObj and<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/75e51944d112498ac2f262bfa03271b1?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nhinoglu<br \/>\nangularjs angularjs-directive 2014-1-6 0:28:56<br \/>\nI&#8217;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&#8217;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&#8217;ve moved the $compile&#8217;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<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/711a389af20d8e52dae3a74eed31602d?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nuser1505431<br \/>\nnode.js angularjs ckeditor angularjs-directive 2013-11-13 8:38:35<br \/>\nUsing 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 &#8216;unselectable&#8217; 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<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/21d14bf522ce82e25a42499b23194fe3?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nS.C.<br \/>\nangularjs angularjs-directive spotify 2013-11-11 1:54:44<br \/>\nI&#8217;m writing a very simple AngularJS directive to communicate with Spotify API (1.0). I&#8217;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&#8217;s the Angular directive:angular.module(&#8216;spotify.view.list&#8217;, []).directive(&#8216;spList&#8217;, function($rootScope, $timeout) {var rootScope = $rootScopereturn {restrict: &#8216;EA&#8217;,replace: true,link: function($scope, el, attrs) {var fn = attrs[&#8216;for&#8217;], list = null, playlistatt<\/li>\n<\/ul>\n<ul>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/57b287c8549ca00aaaddbec9c950336e?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nFacu Ferrari<br \/>\njavascript jquery angularjs angular-ui 2013-11-9 19:35:55<br \/>\nI&#8217;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&#8217;t pass the write parameters, indeed it doesn&#8217;t pass anything to the module.Here is my app moduleangular.module(&#8216;Maptesting&#8217;, [&#8216;ui.map&#8217;, &#8216;ui.event&#8217;]) .controller(&#8216;CtrlGMap&#8217;, [&#8216;$scope&#8217;, function($scope) {$scope.mapOptions = {center: new google.maps.LatLng(-54.798112, -68.303375),zoom: 11,mapTypeId: google.maps.MapTypeId.SAT<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/082fd2dc80f962580f88dbd31b537c84?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\ncpeele00<br \/>\nangularjs angular-ui angular-ui-bootstrap 2013-11-9 19:31:19<br \/>\nI 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 &#8220;test-case&#8221; to see if I can get it all wired up.There error I am receiving is: Uncaught Error: No module: ui.bootstrap I&#8217;ve shared a dropbox link with src code below. Views\/Home\/index.cshtml contains the markup with references to angularjs and b<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/5dfdb19c3d8ba8050ce64c4f2a7b7e12?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nJosh David Miller<br \/>\nangularjs module state angular-ui ngboilerplate 2013-11-7 10:18:34<br \/>\nI&#8217;d like to implement a setup where i can define a &#8220;root state&#8221; 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&#8217;t work: Error Uncaught Error: No such state &#8216;app&#8217; from ngBoilerplate.fooHere is what i have:app.jsangular.module( &#8216;ngBoilerplate&#8217;, [&#8216;templates-app&#8217;,&#8217;templates-common&#8217;<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/3b1a3c7eb11abd99439c5b1b4b50b37f?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nmadth3<br \/>\ntwitter-bootstrap angularjs angular-ui 2013-11-3 4:07:51<br \/>\nHere is my html and angular js code&lt;html ng-app=&#8221;myApp&#8221;&gt; &lt;head&gt;&lt;title&gt;Angular App&lt;\/title&gt;&lt;link href=&#8221;Styles\/bootstrap.min.css&#8221; rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; \/&gt;&lt;script src=&#8221;Scripts\/angular.min.js&#8221; type=&#8221;text\/javascript&#8221;&gt;&lt;\/script&gt;&lt;script src=&#8221;Scripts\/ui-bootstrap-custom-0.4.0.js&#8221; type=&#8221;text\/javascript&#8221;&gt;&lt;\/script&gt;&lt;script src=&#8221;Scripts\/ui-bootstrap-custom-tpls-0.4.0.js&#8221; type=&#8221;text\/javascript&#8221;&gt;&lt;\/script&gt;&lt;script type=&#8221;text\/javascript<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/d5fc0224796864d97a57da51e2abb431?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nuser45763<br \/>\nangularjs angular-ui angular-ui-bootstrap 2013-10-21 22:09:46<br \/>\nEverything is very &#8220;fresh&#8221; right now. I&#8217;ve got the angular seed project and I&#8217;m using the async index page. When I add a reference for angular-bootstrap It blows up. This doesn&#8217;t happen when I don&#8217;t load async style.How can I use AngularUI bootstrap with the $script loader?The errors I&#8217;m getting are: Uncaught TypeError: Object #&lt;Object&gt; has no method &#8216;controller&#8217; 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<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/0af80994388ecb69ea1cdab98d7e73b6?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nedward.louis<br \/>\nangularjs angular-ui angular-ui-bootstrap 2013-10-21 14:31:41<br \/>\nNew to AngularJS and can&#8217;t seem to find out what this error means. I&#8217;ve found a few others with the same error but it seems their issues don&#8217;t correlate to mine.Unknown provider: $modalProvider &lt;- $modal error with AngularJS (Seems I&#8217;ve got the latest ui-bootstrap version)And all of the others seem to be having scope issues with a modal, yet I can&#8217;t seem to get the modal to begin with so I&#8217;m thinking these aren&#8217;t related. Please tell me if I&#8217;m wrong and how that&#8217;s the case:Scope issue in Angu<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/c2cd8e03b3d081fac5112de24f15b109?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nuser1881263<br \/>\njavascript angularjs angular-ui 2013-10-21 4:55:05<br \/>\nI&#8217;m tasked with showing a list of records with AngularJS like so:$scope.colours = [{id:&#8217;1&#8242;, name: &#8216;red&#8217;, active: true },{id:&#8217;2&#8242;, name: &#8216;blue&#8217;, active: false },{id:&#8217;3&#8242;, name: &#8216;green&#8217;, active: true },{id:&#8217;4&#8242;, name: &#8216;red&#8217;, 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&#8217;ve taken the data and displayed some checkboxes using the Angular-UI Unique filter but when I toggle the &#8220;Red&#8221; category I want to<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/0571137fe70ebc3fa24039e8e94ac722?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nangularJsNewbie<br \/>\njquery-ui angularjs modal-dialog angular-ui 2013-10-20 20:28:16<br \/>\nI 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&#8230;click on a row of the grid enter data into the row&#8217;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 &#8220;save&#8221; somewhere on the page vali<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/fad7ffd086b51967c894621b495aaa1d?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nJoe F<br \/>\njavascript angularjs angular-ui 2013-10-19 15:59:34<br \/>\nReferring to this question: Understanding better Javascript OOP architectureAngular sets a closure variable called self to this. Later it&#8217;s used in handleLocationChange to find the right this. I&#8217;ve looked at the code but can&#8217;t find any example where handleLocationChange is called or registered.In my answer to the above mentioned question I speculate that it&#8217;s declared in the constructor&#8217;s body because the event\/publish\/subscribe implementation will be passed handleLocationChange without the inst<\/li>\n<li><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/366667717fce07d12a9eb3d1499a1c7a?s=32&amp;d=identicon&amp;r=PG\" \/><br \/>\nEmmentaler<br \/>\nangularjs angular-ui angular-ui-bootstrap 2013-10-12 0:01:03<br \/>\nI found a SO question that showed me how to use an Angular UI &#8211; 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&#8217;t work: http:\/\/plnkr.co\/edit\/HdVBpp?p=previewThe relevant codeHTML&lt;html ng-app=&#8221;plunker&#8221;&gt;&lt;he<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8220;index.html&#8221; 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2842","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=2842"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/2842\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=2842"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=2842"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=2842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}