angularJs传递参数

最新推荐文章于 2020-12-24 05:08:06 发布

原创最新推荐文章于 2020-12-24 05:08:06 发布 · 379 阅读

0 ·

CC 4.0 BY-SA版权

angularJS 专栏收录该内容

0 篇文章

订阅专栏

博客给出按楼层查询房间信息的例子，介绍了 ng - model 指令可绑定应用程序数据到 HTML 控制器的值，还提及 $http 是 AngularJS 核心服务，用于读取远程服务器数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

例子：

<label>楼层：
		<select ng-model="address"  style="width: 50px;">
			     <option value="13">13</option>
			     <option value="14">14</option>
			     <option value="15">15</option>
			     <option value="16">16</option>
		</select>
  </label> 
<button type="button" class="btn btn-danger" ng-click="roomSearch()">查询</button>

按照楼层查询房间信息

  var app = angular.module("myDiv", []);
   app.controller("search",function($scope,$http){
      //会议室查询
        	//设置默认楼层
           $scope.address = "16";
           
           $scope.roomSearch = function(){
             $http({
            	method:'post',
                url:'/RoomManage/roomSearch',
                //设置参数
                params:{address:$scope.address}
                
                }).then(function successCallback (data){
                  $scope.addressList = data.data
                   })
            };
      });

// ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。
$http 是 AngularJS 中的一个核心服务，用于读取远程服务器的数据。

使用格式：
	 $http({
            method: 'post',
            url: '/someUrl'
        }).then(function successCallback(response) {
                // 请求成功执行代码
            }, function errorCallback(response) {
                // 请求失败执行代码
        });