До клика кнопки секция показывается и в ней находится 1. Хочется кликнуть по кнопке, чтобы эта секция спряталась, однако она не прячется, хотя ее состояния ng-show меняются
до клика:
![9c349bd8cb9948acb807b9c6e631c083.png](https://habrastorage.org/files/9c3/49b/d8c/9c349bd8cb9948acb807b9c6e631c083.png)
после клика:
![48ab094898c64caf963df299816ea92d.png](https://habrastorage.org/files/48a/b09/489/48ab094898c64caf963df299816ea92d.png)
<body ng-controller="UnitrackController as u">
<section id="login" ng-model="u.login_visible" ng-show="{{u.login_visible}}">
1
<div ng-controller="UnitrackLogin as login">
<button ng-click="viewRegistration()">кнопка</button>
</div>
</section>
</body>
app.controller('UnitrackController', function($scope){
this.login_visible = true;
that = this
$scope.setLogin_visible = function(value){
that.login_visible = value;
}
}).controller('UnitrackLogin', function($scope){
$scope.viewRegistration = function(){
$scope.setLogin_visible(false)
}
});
Подскажите пожалуйста, что я делаю не так, структуру кода хочется сохранить прежней