Isolated scope with simple angularjs nested directive

Question

Please check this plnkr

I have read everyhting can find about directives, scope and isolated scopes. But I still cannot understand the way to make this work.

Th

Answer 1

Never fails. Hours of googling turns up nothing until I actually type the question then I get the combination of search keywords and voila! the answer appears.

Thanks to this very illuminating post I learned that my problem is so common the solution even has a name - "The dot rule".

Basically you need to refer to an inherited object on the controller rather than a property and the problem goes away.