Как заставить работать angularjs ng-click?

Question

[tty6]

Не могу понять почему не работает нажатие на элементы списка. Ниже идёт код:

index.html

<div class="container" ng-app="keys">
  <ul ng-controller="KeysController">
    <li ng-repeat="key in keys" >
      <button ng-click="open(key) ">{{key.content}}</button>
    </li>
    <hr>
    <ng-switch on="anyItemOpened()">
        <div ng-switch-when="true">
          <div>
            {{opened.name}} 
          </div>
          <a ng-click="close()">close</a>
        </div>
    </ng-switch>
  </ul>
</div>

app.js

(function(){
    var app = angular.module('keys',[]);

    app.controller('KeysController',function($scope){

        $scope.opened = undefined;
        $scope.open = function(key){
            if(this.isOpen(key)){
                this.opened = undefined;
            } else {
                this.opened = key;
            }
        };

        $scope.isOpen = function(key){
            return this.opened === key;
        };

        $scope.anyItemOpened = function(){
            return this.opened !== undefined;
        };

        $scope.close = function(){
            this.opened = undefined;
        };


        $scope.keys = [
            {name: 'item1', content: 'content1'},
            {name: 'item2', content: 'content2'},
            {name: 'item3', content: 'content3'}
        ]

    });

    app.controller('KeyController', function(){

    });
})();

Comments

[tty6]

версия angular 1.2.22

Answer 1

[Alexander Devid]

а там ошибки не выдает типа контроллер не найден и всё такое?
(function(){})(); это убрать попробуйте

Comments

[tty6]

убрал. ng-click по прежнему не работает

[Alexander Devid]

jsfiddle.net/vfo3drmd/6

вот работает же

[Alexander Devid]

а так даже работает как предполагалось видимо: jsfiddle.net/vfo3drmd/11

если заменить this на $scope

Answer 2

[_ _]

Попробуйте для начала избавиться от switch, он не нужен.

<div ng-if="opened">
  <div>
    {{opened.name}} 
  </div>
  <a ng-click="close()">close</a>       
</div>

Comments

[tty6]

избавился. стало краше, но ng-click не работает