ng-repeat項目のng-clickイベントにアクセスできない

-2

div〜ng-showの表の表示を切り替えようとしています。 ng-repeat要素のそれぞれをクリックするとイベントが発生するはずですが、そうではありません。次のようにng-repeat項目のng-clickイベントにアクセスできない

私のコードは次のとおりです。私は間違っ

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="ApiTestApp"> 
<head> 
    <title></title> 
    <link href="lib/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
    <script src="lib/jquery-1.12.1.min.js"></script> 
    <script src="lib/bootstrap-3.3.7/js/bootstrap.min.js"></script> 
    <script src="lib/angular.js"></script> 
    <script src="view-model/tester.js"></script> 
    <script> 
     (function (app) { 
      app.controller('TesterController', TesterController); 
     })(angular.module('ApiTestApp', [])); 
    </script> 
</head> 
<body ng-controller="TesterController"> 
    <div class="dropdown"> 
     <button class="btn btn-default dropdown-toggle" type="button" id="drtitles" 
       data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
      Titles 
      <span class="caret"></span> 
     </button> 
     <ul class="dropdown-menu" aria-labelledby="drtitles"> 
      <li ng-repeat="shura in shurot"> 
       <a ng-click="authors.show=true" >{{shura.title}}</a> 
      </li> 
     </ul> 
    </div> 
    <br /> 
    <table class="table table-bordered" ng-show="authors.show"> 
     <thead><tr><td>Authors</td></tr></thead> 
     <tbody><tr><td></td></tr></tbody> 
    </table> 
</body> 
</html>

何をしているのですか？

出典

2016-11-15 Idan Amiel

を働いた[MCVE] –

を提供してください、あなたが '' NGクリック= "$ parent.authors.show =のような$のparent'を必要とするようです真 "" – Satpal

私は混乱しています、あなたは何をしようとしていますか？ドロップダウンに項目のリストが必要ですが、それぞれ同じです（authorsテーブルを表示します）。 – Robba

TesterControllerはどこに定義されていますか？私の推測では、あなたが何か間違っているということです。意図したとおりに、あなたのテンプレートは...などと定義し、コントローラと私のため

$scope.shurot = [ 
     { title: "Title 1" }, 
     { title: "Title 2" }, 
     { title: "Title 3" } 
    ] 

    $scope.auhors = { 
     show: false 
    }

出典

2016-11-15 15:27:32 shanzilla

ng-repeat項目のng-clickイベントにアクセスできない

答えて

関連する問題