Php 为什么选择选项值不可见？_Php_Html_Angularjs_Forms_Twitter Bootstrap

Php 为什么选择选项值不可见？

php html angularjs forms twitter-bootstrap

Php 为什么选择选项值不可见？,php,html,angularjs,forms,twitter-bootstrap,Php,Html,Angularjs,Forms,Twitter Bootstrap,我试图弄明白为什么选择下拉列表中的所有值都不可见。以下是json的外观： [{"team_id":"1","team":"Golden State Warriors","sport":"NBA"},{"team_id":"2","team":"Los Angeles Lakers","sport":"NBA"},{"team_id":"3","team":"Los Angeles Clippers","sport":"NBA"}] app.controller('getAllTeamsCtrl

我试图弄明白为什么选择下拉列表中的所有值都不可见。以下是json的外观：

[{"team_id":"1","team":"Golden State Warriors","sport":"NBA"},{"team_id":"2","team":"Los Angeles Lakers","sport":"NBA"},{"team_id":"3","team":"Los Angeles Clippers","sport":"NBA"}]

app.controller('getAllTeamsCtrl', function ($scope, $http)
{

    $http({
        method: 'GET',
        url: 'getAllTeams.php'
    }).then(function getTeamsSuccessful(response) {
        $scope.listOfTeams = response.data;
        $scope.selectedTeam = null;

        console.log($scope.listOfTeams);

    }, function getTeamsError(response) {
        $scope.listOfTeams = response.statusText;
    }); // End of HTTP GET


}); // End AngularJS

<body ng-controller="getAllTeamsCtrl">

<form class="form-horizontal">
        <div class="form-group">
            <div class="col-md-4">
                <select class="form-control"
                        ng-model="selectedTeam"
                        ng-options="item.team as item.team_name for item in listOfTeams">
                </select>
                <pre>selectedTeam : {{ selectedTeam | json }}</pre>
                <div class="buttons">
                    <button class="btn btn-primary btn-block" type="submit">Save
                    </button>
                </div>
            </div>
        </div>
</form>
<li ng-repeat="team in listOfTeams"> {{ team.team }} </li>

</body>

以下是我的控制器的外观：

[{"team_id":"1","team":"Golden State Warriors","sport":"NBA"},{"team_id":"2","team":"Los Angeles Lakers","sport":"NBA"},{"team_id":"3","team":"Los Angeles Clippers","sport":"NBA"}]

app.controller('getAllTeamsCtrl', function ($scope, $http)
{

    $http({
        method: 'GET',
        url: 'getAllTeams.php'
    }).then(function getTeamsSuccessful(response) {
        $scope.listOfTeams = response.data;
        $scope.selectedTeam = null;

        console.log($scope.listOfTeams);

    }, function getTeamsError(response) {
        $scope.listOfTeams = response.statusText;
    }); // End of HTTP GET


}); // End AngularJS

<body ng-controller="getAllTeamsCtrl">

<form class="form-horizontal">
        <div class="form-group">
            <div class="col-md-4">
                <select class="form-control"
                        ng-model="selectedTeam"
                        ng-options="item.team as item.team_name for item in listOfTeams">
                </select>
                <pre>selectedTeam : {{ selectedTeam | json }}</pre>
                <div class="buttons">
                    <button class="btn btn-primary btn-block" type="submit">Save
                    </button>
                </div>
            </div>
        </div>
</form>
<li ng-repeat="team in listOfTeams"> {{ team.team }} </li>

</body>

下面是我的HTML的外观：

[{"team_id":"1","team":"Golden State Warriors","sport":"NBA"},{"team_id":"2","team":"Los Angeles Lakers","sport":"NBA"},{"team_id":"3","team":"Los Angeles Clippers","sport":"NBA"}]

app.controller('getAllTeamsCtrl', function ($scope, $http)
{

    $http({
        method: 'GET',
        url: 'getAllTeams.php'
    }).then(function getTeamsSuccessful(response) {
        $scope.listOfTeams = response.data;
        $scope.selectedTeam = null;

        console.log($scope.listOfTeams);

    }, function getTeamsError(response) {
        $scope.listOfTeams = response.statusText;
    }); // End of HTTP GET


}); // End AngularJS

<body ng-controller="getAllTeamsCtrl">

<form class="form-horizontal">
        <div class="form-group">
            <div class="col-md-4">
                <select class="form-control"
                        ng-model="selectedTeam"
                        ng-options="item.team as item.team_name for item in listOfTeams">
                </select>
                <pre>selectedTeam : {{ selectedTeam | json }}</pre>
                <div class="buttons">
                    <button class="btn btn-primary btn-block" type="submit">Save
                    </button>
                </div>
            </div>
        </div>
</form>
<li ng-repeat="team in listOfTeams"> {{ team.team }} </li>

</body>


selectedTeam:{{selectedTeam|json}
拯救
{{team.team}

当我运行此操作时，我可以单击并下拉列表，当我单击一个值时，我可以看到标记中的团队名称，但列表中的所有值都是不可见的。这与Twitter引导有关吗？

您将该值设置为

team\u name

，但该值不存在，可能应该更改为

项。team\u id

就是这样。非常感谢。