Есть ли способ повторно заполнить мой table
ниже, когда select
является changed
?Пытается заново заполнить таблицу при выборе смены
Я не уверен, как они могут взаимодействовать, даже если они оба живут под тем же ng-app
.
<div class="inner" ng-app="fixturesApp">
<h1 class="center">Upcoming matches</h1>
<div ng-controller="leagueController">
<form>
<label>Choose league:</label>
<select id="mySelect" ng-options="option.name for option in data.availableOptions track by option.id" ng-model="data.selectedOption"></select>
</form>
</div>
<div class="row">
<div ng-controller="tableController">
<table class="table">
<thead>
<tr>
<th>Home</th>
<th>Away</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="fixture in fixtures">
<td ng-cloak>{{ fixture.homeTeam.name }}</td>
<td ng-cloak>{{ fixture.awayTeam.name }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
Вот моя логика. Какие заполнит выбрать с 4 options
и устанавливает значение по умолчанию ..
var app = angular.module('fixturesApp', []);
app.controller('tableController', function ($scope, $http) {
$http.get("/fixtures?league=premier").success(function (response) {
$scope.fixtures = response;
});
});
app.controller('leagueController', ['$scope', function($scope) {
$scope.data = {
availableOptions: [
{id: '1', name: 'premier'},
{id: '2', name: 'championship'},
{id: '3', name: 'league1'},
{id: '4', name: 'league2'}
],
selectedOption: {id: '1', name: 'premier'} //This sets the default value to premiership
};
}]);
'tableController' не является дочерью' leagueController'. его объявлено в следующем 'div' – bobbyrne01
справа. Не можете ли вы продвинуть leagueController, чтобы он был родителем таблицы? –