javascript - Angular how to Get values from ng-model and pass into params -
i'm new angular
help me value ng-model , pass them $http params json response,
and don't know how show results using own template ng-repeat
<script> var myapp = angular.module("orderapp", []); myapp.controller("archivecontroller", function ($scope, $http) { console.log($scope.fromdate); console.log($scope.todate); $http({ url: "@url.action(mvc.admin.finance.actionnames.ordersarchivelist,mvc.admin.finance.name)", method: "get", params: { fromdate: '1396-01-01', todate: '1396-01-17' } // should use $scope.fromdate & $scope.todate here }) .then(function (response) { $scope.orderarchive = response.data; console.log(response.data); }); }); </script> here html code
<div ng-app="orderapp"> <div ng-controller="archivecontroller"> <h2 class="title">بایگانی سفارشها</h2> <div class="form-horizontal"> <div class="form-group"> <label class="col-sm-2 control-label" for="txtfromdate">از تاریخ:</label> <div class="col-sm-4"> <input type="text" class="form-control fromdate" id="txtfromdate" ng-model="fromdate" placeholder="@persia.calendar.converttopersian(datetime.now).tostring().replace("/","-")" value="@persia.calendar.converttopersian(datetime.now).tostring().replace("/","-")"> </div> <label class="col-sm-2 control-label" for="txttodate">تا تاریخ:</label> <div class="col-sm-4"> <input type="text" class="form-control todate" id="txttodate" ng-model="todate" placeholder="@persia.calendar.converttopersian(datetime.now).tostring().replace("/","-")" value="@persia.calendar.converttopersian(datetime.now).tostring().replace("/","-")"> </div> </div> <a class="btn btn-primary btn-block searchinarchive" ng-href="#">جستجو</a> </div> <hr /> <!-- template html code: --> <div class="results"> <div class="panel-group" role="tablist" aria-multiselectable="true" data-day="2" ng-repeat="order in orderarchive"> <h3 class="dayname"></h3> <div class="panel panel-default orderitem"> <div class="panel-heading" role="tab"> <span class="description"></span> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#day-1" href="#order-{{order.id}}" aria-expanded="true" aria-controls="collapse-one"> فاکتور #{{order.id}} </a> </h4> </div> <div class="panel-collapse collapse in" id="order-{{order.id}}" role="tabpanel" aria-labelledby="orderheader-{{order.id}}"> <div class="panel-body orderinfo"> <div class="row borderbottom"> <div class="col-xs-12 col-sm-6"> زمان سفارش: <b>{{order.orderdatetime}}</b> </div> <div class="col-xs-12 col-sm-6"> سفارشدهنده: <b>{{order.ordererfullname}} — {{order.ordererusername}}</b> </div> <div class="col-xs-12"> آدرس: <b>{{order.ordereraddress}}</b> </div> </div> <div class="row borderbottom"> <div class="col-xs-12"> سفارشها: <div ng-repeat="food in order.foods"> <b> <i class="howmany" data-food="{{food.id}}"> عدد</i> <span class="foodmenu">{{food.menuname}}</span> <span data-toggle="tooltip" data-placement="auto" data-html="true" title="" data-original-title="{{food.price}} تومان">{{food.name}}</span> </b> </div> — </div> </div> <div class="row borderbottom"> <div class="col-xs-12 col-sm-3"> درگاه پذیرنده: <b>{{order.bank}}</b> </div> <div class="col-xs-12 col-sm-3"> کد رهگیری تراکنش: <b>{{order.orderreferenceid}}</b> </div> <div class="col-xs-12 col-sm-3"> مبلغ: <b class="orderamount">{{order.orderamount}}</b> </div> <div class="col-xs-12 col-sm-3"> وضعیت سفارش: <b data-toggle="tooltip" data-placement="auto" data-html="true" title="" class="text-success" data-original-title="123">{{order.orderlevel}}</b> </div> </div> </div> </div> </div> </div> </div> </div> </div> please me find solution.
it looks aren't declaring variables $scope.formdate , $scope.todate inside of controller. try code below, first thing declares variables. add them params need put variables in place of constants have now, below.
<script> var myapp = angular.module("orderapp", []); myapp.controller("archivecontroller", function ($scope, $http) { $scope.fromdate = ""; $scope.todate = ""; $http({ url: "@url.action(mvc.admin.finance.actionnames.ordersarchivelist,mvc.admin.finance.name)", method: "get", params: { fromdate: $scope.fromdate, todate: $scope.todate} }) .then(function (response) { $scope.orderarchive = response.data; console.log(response.data); }); }); </script>
Comments
Post a Comment