Html 如何将值传递给引导模式？

我正在使用引导在我的网页中显示我的模式。我的数据存储在数据库中。我使用ng repeat从数据库获取阵列数据。我想把我的房间名传给莫代尔。我该怎么做

HTML:

---

您使用的是angular ui/bootstrap吗？我认为您使用的是相同的变量名。你能提供你的控制器代码吗？我用的是AngularJS和Bootstrap。对不起，我忘了提供控制器代码。我已经用控制器代码编辑了内容。

<tr data-ng-repeat="room in data">
    <td>{{room.room_id}}</td>
    <td>{{room.room_name}}</td>
    <td>{{room.max_pax}}</td>
    <td>{{room.no_booked}}</td>
    <td>
        <button class="btn btn-warning" data-toggle="modal" data-target="#editRoom"></button>
        <button class="btn btn-danger" data-ng-click="delRoom(room.room_id)"></button>
    </td>
</tr>

     <div id="editRoom" class="modal fade" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Edit Library Discussion Room</h4>
                </div>
                <div class="modal-body">
                    <form>
                        <label for="editName">Room Name: </label>
                        <input type="text" name="editName" data-ng-model="room.name" id="editName" data-ng-value="{{room.room_name}}" />

                        <br />

                        <label for="editMaxPax">Maximum Person: </label>
                        <input type="text" name="editMaxPax" data-ng-model="room.maxPax" id="editMaxPax" value="room.max_pax" />
                        <button type="submit" class="btn btn-default" data-ng-click="editRoom(room)">Edit</button>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

var app = angular.module("myApp", ['ngRoute']);

app.config(['$routeProvider', function ($routeProvider) {
"use strict";
$routeProvider
        .when("/", {
        templateUrl: "facilities.html"
    });

}]);

app.controller("myCtrl", function ($scope, $http) {
"use strict";
$scope.state = "";

$scope.addRoom = function (room) {
    $http.post("add_library_room.php", {'room_name': room.name, 'max_pax': room.maxPax})
        .then(function () {
            $scope.msg = "Room is inserted into database.";
        });
};

$scope.displayRoom = function () {
    $http.get("view_library_room.php")
        .then(function (response) {
            var data = response.data;
            $scope.data = data;
            console.log(data);
        });
};

$scope.delRoom = function (roomID) {
    $http.post("del_library_room.php", {'room_id': roomID})
        .then(function () {
            $scope.msg = "Room is deleted successfully.";
        });
};

$scope.footer = function (page) {
    if (page === "login") {
        $scope.state = page;
    } else {
        $scope.state = "";
    }
    return $scope.state;
};

});