Javascript 如何从url显示模式内的信息？

总的来说，我对js很陌生，所以请耐心等待我

我需要做一个简单的任务，这是在主题中陈述的。我已经做了一些研究，并尝试使用ui.router来制作，但由于我不太擅长编码，所以出现了一些问题

我希望这个来自url的信息将显示在模式对话框中

下面是代码：

angular.module（'plunker'，['ui.bootstrap']）；
var ModalDemoCtrl=函数（$scope、$modal、$log）{
$scope.open=函数（）{
var modalInstance=$modal.open({
templateUrl:'myModalContent.html'，
控制器：ModalInstanceCtrl，
决心：{
项目：功能（）{
返回$scope.items；
}
}
});
};
};
var ModalInstanceCtrl=函数（$scope、$modalInstance、items）{
$scope.cancel=函数（）{
$modalInstance.disclose（'cancel'）；
};
};

日志
内容
接近
日志
您需要获取数据（例如，使用服务）并将其放入$scope.items中。在您的模式中，执行相同的操作：获取项目并将其绑定到您的范围。就这些


angular.module（'plunker'，['ui.bootstrap']）；
var ModalDemoCtrl=function（$scope、$modal、$log、$http）{
/*使用服务或smth在此处获取数据*/
$scope.items=''；
$scope.open=函数（）{
$http.get（“您的URL”）
.然后（功能（响应）{
$scope.items=response.data
var modalInstance=$modal.open({
templateUrl:'myModalContent.html'，
控制器：“ModalInstanceCtrl”，
决心：{
项目：功能（）{
返回$scope.items；
}
}
});
});
};
};
var ModalInstanceCtrl=函数（$scope、$modalInstance、items）{
$scope.items=项目；
$scope.cancel=函数（）{
$modalInstance.disclose（'cancel'）；
};
};

日志
{{items}}
接近
日志
您没有注册
modalDemoCtrl
和
ModalInstanceCtrl
首先您需要注册两个控制器，如：
myApp.controller（'modalDemoCtrl'，modalDemoCtrl'）其中
myApp
是角度模块，如：
var myApp=angular.module（'plunker'，['ui.bootstrap']）

您可以通过使用
$http
使用服务从url获取数据，并将该服务注入到
modalInstance
控制器中。在我的示例中，创建
dataService
和一个名为
getData
的函数，并从
modalInstance
控制器调用此函数。例如：
dataService.getData（）.then（..
和使用then函数获取响应。并将响应数据存储到
$scope.infos
变量中，以便您可以在模式中使用此
$scope.infos

var myApp = angular.module('plunker', ['ui.bootstrap']);


var ModalDemoCtrl = function ($scope, $modal, $log) {

    $scope.open = function () {

        var modalInstance = $modal.open({
            templateUrl: 'myModalContent.html',
            controller: ModalInstanceCtrl,
            resolve: {
                items: function () {
                    return $scope.items;
                }
            }
        });


    };
};
myApp.controller('modalDemoCtrl', ModalDemoCtrl);


myApp.factory('dataService', function($http) {
  return {
    getData: function() {
      return $http.get('http://prnt.sc/ashi5e');
    }
  };
});


var ModalInstanceCtrl = function ($scope, $modalInstance, items, dataService) {
    dataService.getData().then(function(response) {
      $scope.infos = response.data;
    });
    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
};

myApp.controller('ModalInstanceCtrl', ModalInstanceCtrl);

$scope.items=[{id:1，名称：'test'}，{id:2，名称：'test2'}]；我知道如何这样做，但我需要从url获取信息。也许我可以使用类似$http.get的东西？我曾在Jason那里尝试过，但它是一个本地文件。我希望从服务器获取信息。是的，你是对的。使用$http.get并成功打开该模式窗口。：-）我已经试过了，但可能我错过了一步，我想也许会有一个善良的灵魂可以在我发布的代码中实现它。哦，哇：）谢谢你的支持。我是来吃午饭的。同意你的意见，谢谢。我回家后会试试的。我需要对html部分做些什么吗？html部分原样，但需要更新以在html中显示
infos
，并确保您有权通过提供的url获取数据