Ng-transclude error


#1

Hello,
sorry, but I’m not so skilled with angular.js.
I started to do everything according to this tutorial: http://ionicframework.com/docs/guide/building.html, but when I open the project in browser, there’s an error in the console:

[12:19:39.969] "Error: [ngTransclude:orphan] Illegal use of ngTransclude directive in the template! No parent directive that requires a transclusion found. Element: <div class="pane" ng-transclude="">
http://errors.angularjs.org/1.2.1/ngTransclude/orphan?p0=%3Cdiv%20class%3D%22pane%22%20ng-transclude%3D%22%22%3E
minErr/<@http://localhost/appollo/www/js/ionic-angular.js:92
ngTranscludeDirective<.controller<@http://localhost/appollo/www/js/ionic-angular.js:19438
invoke@http://localhost/appollo/www/js/ionic-angular.js:3638
instantiate@http://localhost/appollo/www/js/ionic-angular.js:3650
@http://localhost/appollo/www/js/ionic-angular.js:6653
nodeLinkFn/<@http://localhost/appollo/www/js/ionic-angular.js:6097
forEach@http://localhost/appollo/www/js/ionic-angular.js:321
nodeLinkFn@http://localhost/appollo/www/js/ionic-angular.js:6084
compositeLinkFn@http://localhost/appollo/www/js/ionic-angular.js:5550
nodeLinkFn@http://localhost/appollo/www/js/ionic-angular.js:6132
compositeLinkFn@http://localhost/appollo/www/js/ionic-angular.js:5550
publicLinkFn@http://localhost/appollo/www/js/ionic-angular.js:5458
bootstrap/doBootstrap/</<@http://localhost/appollo/www/js/ionic-angular.js:1301
Scope.prototype.$eval@http://localhost/appollo/www/js/ionic-angular.js:11590
Scope.prototype.$apply@http://localhost/appollo/www/js/ionic-angular.js:11690
bootstrap/doBootstrap/<@http://localhost/appollo/www/js/ionic-angular.js:1299
invoke@http://localhost/appollo/www/js/ionic-angular.js:3630
bootstrap/doBootstrap@http://localhost/appollo/www/js/ionic-angular.js:1298
bootstrap@http://localhost/appollo/www/js/ionic-angular.js:1311
angularInit@http://localhost/appollo/www/js/ionic-angular.js:1260
@http://localhost/appollo/www/js/ionic-angular.js:20141
trigger@http://localhost/appollo/www/js/ionic-angular.js:2312
createEventHandler/eventHandler/<@http://localhost/appollo/www/js/ionic-angular.js:2576
forEach@http://localhost/appollo/www/js/ionic-angular.js:314
createEventHandler/eventHandler@http://localhost/appollo/www/js/ionic-angular.js:2575
"

On the android device I can swipe the content area to the right, but there’s no list with tasks.
How can I deal with that?

And of course, sorry for my english :smile:


#2

In the latest release (I’ve used 0.9.12) there is no such problem. I should have try updated version first.


#3

Glad it’s working :slight_smile:


#4

Hello!
I’m having this same error using 0.9.20. Angular tells me that:

Error: [ngTransclude:orphan] http://errors.angularjs.org/1.2.7/ngTransclude/orphan?p0=%3Cdiv%20class%3D%22pane%22%20ng-transclude%3D%22%22%3E

Link to the error page in angularjs.org

Maybe this same error came back? Any help would be wonderful. And if you need any more detail, just ask me.

Thanks.


#5

I was having this issue as well, and managed to fix it.

It turns out when I added ionic to my project (via bower), I had inadvertantly added Ionic’s version of angular (1.2.7) as well as the version I had been using in my project (1.2.10-x).

Removing either one fixed the problem. I ended up sticking with my standalone angular (though I realize that removes the garauntee of perfect integration with Ionic, it didn’t seem to affect mine adversely).

Hope that helps.