angular js scope property is undefined

Posted by user2071301 on Stack Overflow See other posts from Stack Overflow or by user2071301
Published on 2013-06-30T16:14:32Z Indexed on 2013/06/30 16:21 UTC
Read the original article Hit count: 387

Filed under:

angularjs

|

angularjs-directive

|

angularjs-scope

why is $scope.orderBy undefined? Shouldnt it be "test" ?

http://jsfiddle.net/XB4QA/4/

var app = angular.module("Foo", []);

app.directive("two", function () {
return {
    scope: {
        orderBy: '@'
    },
    restrict: 'E',
    transclude: true,
    controller: function ($scope, $element, $attrs) {
        console.log($scope.orderBy); // is undefined, why?   
    },
    template: '<div></div>',
    replace: true
};
});

<div ng-app="Foo">
    <two order-by="test">test</two>
</div>

© Stack Overflow or respective owner

Related posts about angularjs

SignalR Auto Disconnect when Page Changed in AngularJS

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/shaunxu/archive/2014/05/30/signalr-auto-disconnect-when-page-changed-in-angularjs.aspxIf we are using SignalR, the connection lifecycle was handled by itself very well. For example when we connect to SignalR service from browser through SignalR JavaScript… >>> More
AngularJS in 60-ish Minutes – The eBook

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
Back in April of 2013 I published a video titled AngularJS in 60-ish Minutes on YouTube that focused on learning the fundamentals of AngularJS such as data binding, controllers, modules, factories/services and more (watch it by clicking the link above or scroll to the bottom of this post). One of… >>> More
Host AngularJS (Html5Mode) in ASP.NET vNext

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/shaunxu/archive/2014/06/10/host-angularjs-html5mode-in-asp.net-vnext.aspxMicrosoft had announced ASP.NET vNext in BUILD and TechED recently and as a developer, I found that we can add features into one ASP.NET vNext application such as MVC, WebAPI, SignalR… >>> More
Learning AngularJS by Example – The Customer Manager Application

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
I’m always tinkering around with different ideas and toward the beginning of 2013 decided to build a sample application using AngularJS that I call Customer Manager. It’s not exactly the most creative name or concept, but I wanted to build something that highlighted a lot of the different features… >>> More
Overview of getting and setting the URL and parts of the URL using angularjs and/or Javascript

as seen on Programmers - Search for 'Programmers'
Getting and Setting the URL, and different parts of the URL are a basic part of Application Design. For Page Navigation Deep Linking Providing a link to the user Querying Data Passing information to other pages Both angularjs and javascript provide ways to get/set the URL and parts of the URL… >>> More

Related posts about angularjs-directive

AngularJS directive not displaying the template

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is my AngularJs directive. Its' expected to show the div in the template but it shown nothing while the code is run. Here is the html <div ng-app="SuperHero"> <SuperMan></SuperMan> </div> Here is the AngularJS directive var app = angular.module('SuperHero'… >>> More
Using attribute text value in AngularJS directive

as seen on Stack Overflow - Search for 'Stack Overflow'
Using a YouTube tutorial created by John Lindquist, I was able to create a directive using a template. See fiddle: http://jsfiddle.net/37PSs/ Now, I want to use the value of the attribute as a variable to a function call. Something like this: html: <hello-world name="World"></hello-world> javascript… >>> More
Need AngularJS grid resizing directive to resize "thumbnail" that contains no image

as seen on Stack Overflow - Search for 'Stack Overflow'
UPDATE Plunker to project: http://plnkr.co/edit/oKB96szQhqwpKQbOGUDw?p=preview I have an AngularJS project that uses AngularJS Bootstrap grids. I need all of the grid elements to have the same size so they stack properly. I created an angularJs directive that auto resizes the grid element when placed… >>> More
Angularjs wait until

as seen on Stack Overflow - Search for 'Stack Overflow'
I have: $scope.bounds = {} And later in my code: $scope.$on('leafletDirectiveMap.load', function(){ console.log('runs'); Dajaxice.async.hello($scope.populate, { 'west' : $scope.bounds.southWest.lng, 'east': $scope.bounds.northEast.lng, 'north'… >>> More
angular js scope property is undefined

as seen on Stack Overflow - Search for 'Stack Overflow'
why is $scope.orderBy undefined? Shouldnt it be "test" ? http://jsfiddle.net/XB4QA/4/ var app = angular.module("Foo", []); app.directive("two", function () { return { scope: { orderBy: '@' }, restrict: 'E', transclude: true, controller: function ($scope, $element, $attrs)… >>> More