Javascript AngularJS：如何更改$http.get on select事件中的url

我有customers.php文件，它生成json数据。当我们像这样更改url中的变量时，json数据列表正在更改

customers.php？var=5

在AngularJS中，我创建了包含两个独立部分的html文件。第一部分是选择具有特定值的选项。第二部分是显示json数据的部分。很明显，第二部分使用$http.geturl，其中url是customers.php？var=控制器中的选定编号

当用户在中选择特定选项时，如何在使用$http.get的控制器中更改url…html文件

脚注：以下是控制器文件的示例

var Pajsije = angular.module('CodeOverflow', ['ngRoute']);

    Pajsije.config(function($routeProvider) {
    $routeProvider

        // route for the home page
        .when('/viewa', {
            templateUrl : 'viewa.html',
            controller  : 'ViewAController'
        })

        // route for the about page
        .when('/viewb', {
            templateUrl : 'viewb.html',
            controller  : 'ViewBController'
        })

        // route for the contact page
        .when('/viewc', {
            templateUrl : 'viewc.html',
            controller  : 'ViewCController'
        })
        .otherwise({
                redirectTo: '/viewa'
        });
});

// create the controller and inject Angular's $scope
Pajsije.controller('ViewAController', function($scope) {
    // create a message to display in our view
    $scope.message = 'Good look!';
});

Pajsije.controller('ViewBController', function($scope) {
    $scope.message = 'Look about page.';
});

Pajsije.controller('ViewCController', ['$scope','$http', '$templateCache', function($scope, $http, $templateCache) {

    $scope.myChange = function() {

    $http({method: 'GET', url: '../json-data/customers.php?idstudm=12', cache: $templateCache}).success(function (response) {$scope.names = response.records;});

};

}]);

---

每当UI HTML页面中的选择被设置为querypart时，请尝试$rootScope在控制器中设置URL的可变部分。

$rootScope.variableURL = "customers.php?var=" + $scope.selected_number;

发送$http请求时将其附加到URL。如果我没有正确理解要求，请通知我。

---

我们已经知道，$rootScope可以跨所有控制器访问，并且可以用于跨控制器和服务传输较小的数据。

Use应该使用ngModel指令将selectbox绑定到范围模型，并在controller中使用此模型。大概是这样的：

<select ng-model="number" ng-change="myChange()">
    <option value="3">3</option>
    <option value="3">10</option>
</select>

---

我读了你的问题。我想你对分开的文件有问题。我猜，因为您使用的是AngularJS，所以您使用的是自动布线的角度布线。因此，出于这个原因，您可能正在使用main.html这样的文件，它包含customers.html和路由管理。 如果在该文件中有一种机制，在进行路由时会显示数据，那么当用户单击要选择的特定数据时，数据将不会显示在带有ng控制器的主文件中。并非所有数据，只有myChange函数中的数据

---

致以最诚挚的问候。

选择是否也在ViewCController控制器中？是的，它也在。“选择选项”位于ViewCController中。它不起作用。当我在$scope.myChange中放置$http.get函数时，它不起作用。如果我放置$http.get函数，它会起作用，但当用户在ng模型中选择选项时，我无法获取不同的json数据。我的意思是，当我在$scope.myChange中使用http.get函数时，我无法获取json数据列表。当http.get函数位于myChange之外时，系统将显示默认值为json-data的列表。这将仅初始化variableURL。我必须在每个选择选项上自动创建可变URL。这是一个很好的示例，但我不知道如何在我的应用程序中实现。你可以使用$scope.$watch。见文件。每次值更改并调用您提供的回调函数时，都会触发此事件，您可以在回调函数中使用上述代码。是的，这是真的，但为什么不是所有数据，而是仅myChange函数中的数据。

Pajsije.controller('ViewCController', ['$scope', '$http', '$templateCache', function ($scope, $http, $templateCache) {

    $scope.myChange = function () {
        $http({
            method: 'GET',
            url: '../json-data/customers.php?idstudm=' + $scope.number,
            cache: $templateCache
        }).success(function (response) {
            $scope.names = response.records;
        });
    };

}]);

---

• [php]相关文章推荐

---

• 随机文章推荐

• Django models 如何动态创建、同步数据库和访问django模型？ django-models
• Django models 在django中查看上载的文件 django-models
• Django models Django更改数据库中日期时间的格式 django-models
• Django models 如何在Django ModelForm中显示选项 我有一个包含16个类别的政策类别模型 我有一个反应模型来记录调查答案。该模型包括一个字段，用于记录受访者对每个政策类别的1-5评级。（政策1级..政策16级等） django-models
• Django models 如何在django admin中访问我的模型？ django-models

---

[javascript]相关推荐

Tags

Entity Framework Core Twitter Bootstrap 3 Doxygen Computer Science Apache Flink Nestjs Boost Itext Python 3.x Workflow Dynamics Crm Swift Single Sign On Time Complexity Proxy Mercurial Text Wso2 Mule Deep Learning Mongodb Zend Framework2 Google Calendar Api Exception Lisp Odata Open Source Tcl Parsing Monitoring Matplotlib Rspec Google Analytics Jetty Logic Prolog Sharepoint 2007 Url Gwt Cron Xquery Ssrs 2008 Requirejs Data Binding Maps Parameters Cocos2d X Identityserver4 Flutter Postman Jersey Nest Google Bigquery Tags Shopify Charts Xampp Material Ui Uiview Windows Runtime Grafana Joomla Apache Nifi Jsp Sails.js Jasper Reports Discord.js Groovy Visual Studio Code Graphics Uitableview Class Omnet++ Dynamics Crm 2011 Ldap Filter Blackberry Fullcalendar Xpath Recursion Image Processing Ruby For Loop C# 4.0 Phantomjs Sdk Drupal 7 Sockets Apache Camel Extjs Soap Perforce Oauth Web Services Apache Sql Server Spring Boot Github Stored Procedures Sbt Project Management Glassfish Elm Erlang Sql Tcp Ignite Discord.py Gatsby Redis Hadoop Autohotkey Bazel Emacs Protractor Asynchronous Image Xaml Javafx 2 If Statement Rxjs Linux Spotify Discord Blockchain Gstreamer Command Line Teradata Ms Word Binary Azure Talend Stm32 Weblogic Rdf Android Studio Go Spring Mvc Database Dns Internet Explorer 8 Cakephp Opengl Chart.js Xamarin Css Express Audio Tsql Amazon Ec2 Mqtt Visual Studio 2010 Resharper Ibm Mobilefirst Scroll Struct Layout Xmpp Docusignapi Statistics Qt4 Google Maps Api 3 Installation Office365 Web Crawler Ruby On Rails 3.2 Ocaml Validation Curl Amazon Redshift Polymer Rally Matlab Sas Android Ndk Rest Octave Nhibernate .net Core C# Serialization Coldfusion Visual Studio 2017 Encoding Firefox Leaflet Influxdb Ada Stata Tkinter Jquery Bison Openerp Hybris Sonarqube Arangodb Angular Material Jaxb Gradle Ubuntu Pointers

Copyright © 2024. All Rights Reserved by - Fatal编程技术网