Отображение выпадающего списка по галочке

Question

// Я написал код Java для извлечения данных из mongo-db. То, что мне нужно сделать, это нажать кнопку флажка. Я должен отображать эти данные в раскрывающемся меню с помощью угловых-js и бутстрапа. После выполнения этого кода ничего не происходит.

.html page 
<div ng-controller="release"> 
       <div class="col-md-2 col-centered col-fixed"> 
        <label for="cloneRelease" translate="release.form.cloneRelease">CloneRelease</label> 
       </div> 
        <div> 
         <input type="checkbox" ng-model="ticked"> 
         <div class="dropdown-menu" ng-repeat="release in releaseName" ng-show="ticked">{{release.name}}</div> 
        </div> 
       </div> 

controller.js 

releaseApp.controller('release', function($scope, $location, $http, ReleaseNameService){ 
    $scope.releaseName = []; 
    init(); 
    function init(){ 
     ReleaseNameService.getReleaseName().then(function(data){ 
      $scope.releaseName = data;}); 
      console.log('inside controller: '+$scope.releaseName); 
     } 
}); 

service.js 

releaseApp.factory('ReleaseNameService', function($http){ 
    var releaseName = []; 
    var factory = {}; 
    factory.getReleaseName = function(){ 
     return $http.get('release/fetchAllReleaseDetails').then(function(response){ 
      releaseName = response.data; 
      console.log('inside service method'+ releaseName); 
      return releaseName; 
     }); 
    };factory; 
}); 

Answer 1

Это просто, и нужно, чтобы связать флажок с нг-модели:

<input type="checkbox" ng-model="ticked"> 

Если его галочкой $scope.ticked возвращение true, иначе вернуть false. Если истинные данные показывают, если ложные скрывают его (с ng-show)

Вот пример в jsFiddle без css ofc. http://jsfiddle.net/RLQhh/2282/

UPDATE:

recreateing случай с обслуживанием.

service.js

app.factory('dataService', function ($http) { 
     var dataObject= { 
      async: function() { 
       var promise = $http.get('data/').then(function (response) { 
        return response; 
       }); 
       return promise; 
      } 
     }; 
     return dataObject; 
}) 

controller.js

$scope.dataTest = []; 
    $scope.ticketed = false; 

    var getData = function(){ 
     dataService.async().then(function (d) { 
      $scope.dataTest = d.data; 
     }); 
    } 

    getData(); 

HTML

<input type="checkbox" ng-model="ticketed"> 
<div ng-show="ticketed" ng-repeat="dat in dataTest"> 
    {{dat.name}} 
</div> 

... это испытывается случай поэтому он должен работать с вашим

Answer 2

Вы можете сделать вызов REST для извлечения данных из вашей функции Java и хранить его в scope.Then вы можете использовать нг-повтор для отображения данных в раскрывающемся списке.

Вот очень хорошая статья о том, как это сделать.

http://www.infragistics.com/community/blogs/dhananjay_kumar/archive/2015/06/29/how-to-work-with-the-bootstrap-dropdown-in-angularjs.aspx