как загрузить код AngularJS в модальном bootstrap, используя asp. net core mvc

Question

Я хочу использовать AngularJS код внутри bootstrap модального окна Я загружаю bootstrap модальный код Jquery, и после загрузки модального я хочу использовать angular JS код для извлечения и вставьте данные. Код angular работает нормально в отдельном представлении, но когда я попытался использовать его в модальном режиме, я получил angular js предупреждение о Пытался загрузить angular более одного раза в bootstrap модальный . Как я могу успешно заставить это работать.

Вот мой код

<script type="text/javascript">
    $(document).ready(function () {

        $('.className').on('click', function () {
            $.get('url', { id: id, mid: mid }, function (data) {
                $('#detail').html(data);
                $('#modal').modal('show');
            });
        });
    });
</script>

В Bootstrap модальном у меня есть следующий код

 @model Model
    
            <div class="modal-lg modal-dialog" role="document">
                <div class="modal-content panel panel-info">
                    <div class="modal-header panel-heading">
                        <a class="close" data-dismiss="modal">×</a>
                    </div>
                    <div ng-app="MyApp">
                        <div ng-controller="MyController">
                            <div class="modal-body panel-body">
                                <table id="tblCustomers" class="table" cellpadding="0" cellspacing="0">
                                   //TO Show Data
                                </table>
    
     
                                <table border="0" cellpadding="0" cellspacing="0">
                                    //Form to insert data
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

var app = angular.module('MyApp', [])

    app.controller('MyController', function ($scope, $http, $window) {
        $scope.btntext = "Save";
      
        $scope.Savedata = function () {
           //For Saving
        }

        $http.get("url").then(function (data) {
           //For fetching data
        });
</script>

Элемент управления html, с помощью которого я загружаю модальное окно, находится внутри другого частичного представления, поэтому у меня есть основное представление внутри этого одного частичного представления, и из него я загружаю модальное окно, которое также является частичным представлением.

Кто-нибудь может мне помочь

Answer 1

Я думаю, что код ошибки говорит вам, что вы уже загрузили angular - поэтому вы можете использовать его внутри модального окна, не загружая его снова. Я думаю, у вас есть ссылка на angular библиотеку более чем в одном месте