[v1.0.4 and v1.0.5] ng-show / ng-hide stop works if is placed into a ng-include

[rkmax]

This Works

template.html

<table ng-init="changeable = null">
  <tr ng-repeat="(key, item) in items" ng-click="changeable = key">
    <td>
      <span ng-show="changeable != key">{{item.name}}</span>
      <input ng-hide="changeable != key" ng-model="item.name">
    </td>
    <td>
      <button ng-click="changeable = null">OK</button>
    </td>
  </tr>
</table>

This does not work

template.html

<div ng-include src="'/changeable_table.html'"></div>

changeable_table.html

<table ng-init="changeable = null">
  <tr ng-repeat="(key, item) in items" ng-click="changeable = key">
    <td>
      <span ng-show="changeable != key">{{item.name}}</span>
      <input ng-hide="changeable != key" ng-model="item.name">
    </td>
    <td>
      <button ng-click="changeable = null">OK</button>
    </td>
  </tr>
</table>

[MikeMcElroy]

I think this is a problem with your scoping. Try

{{item.name}}

OK

On Tue, Feb 26, 2013 at 3:55 PM, Julian Reyes Escrigas <
notifications@github.com> wrote:

This Works template.html

{{item.name}}

OK

This does not work template.html

changeable_table.html

{{item.name}}

OK

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/2077
.

[rkmax]

Yes that fix the problem. but i dont understand why that randomnamespace.* is necesary in this cases

[pkozlowski-opensource]

@rkmax Have a look at https://github.com/angular/angular.js/wiki/The-Nuances-of-Scope-Prototypal-Inheritance for explanations why you need to bind to object's properties.

[rkmax]

Thanks for the links @pkozlowski-opensource