2017-06-19 9 views
0

私は、角度の付いた動的に作成されたボタンのメニューを持っています。ボタンを押すと、データが入ったテーブルが表示されます。どのように私はアプリケーションを開くとき、最初のボタンを押すためのデータは、デフォルトで表示されるように?つまり、ボタンを押していないのですか?そして、別のボタンを押したときに変更される値。これは可能ですか?私のコード:角度デフォルトでボタンが自動的に押された角度

<div ng-repeat="group in groups" class="btn-group"> 
    <button type="button" class="btn btn-primary" ng-click="switchGroup(group.id)">{{ '{{ group.code}}' }}</button> 
</div> 

<div ng-show="repartizations.length == 0"><h2> There is no schedule for this group.</h2></div> 

<table class="table table-responsive" ng-show="repartizations.length > 0"> 
    ... 
</table> 

$http.get('/api/group/specialization/' + $state.params.valueSpecialization).then(function (success) { 
     $scope.groups = success.data; 
    } 
); 

$scope.switchGroup = function (groupId) { 
    $http.get(
     '/api/repartition/group/' + groupId 
    ).then(function (success) { 
     $scope.repartizations = success.data; 
    }); 
}; 

答えて

0

ng-init()関数内で自分のボタンクリックコードを書くGET特化API

$http.get('/api/group/specialization/' + $state.params.valueSpecialization).then(function (success) { 
    $scope.groups = success.data; 
    $scope.switchGroup($scope.groups[0].id) //Invoke the method 
}); 
+1

私はできる限りあなたの答えを受け入れます。 – IleNea

0

successコールバックメソッド方法$scope.switchGroup()を呼び出します。例については :ページが更新または再ロードされるたびJSファイルで今すぐ

<div ng-init="myInitFunction()"> 
    // your code 
</div> 

$scope.myInitFunction = function(){ 
    $http.get(
     '/api/repartition/group/' + groupId 
    ).then(function (success) { 
     $scope.repartizations = success.data; 
    }); 
} 

ですから、テーブル内のデータを見ることができます。

関連する問題