Angularjs 我想刷新特定视图,该视图显示学生信息,而无需在js中刷新页面
controller.jsAngularjs 我想刷新特定视图,该视图显示学生信息,而无需在js中刷新页面,angularjs,Angularjs,controller.js var app = angular.module('myApp', ['ionic']).controller('AppCtrl', function($scope, $http, $ionicSideMenuDelegate, $ionicPopup, $ionicListDelegate, $ionicModal, $window, $timeout, $rootScope) { $rootScope.studlist = []; $http.get
var app = angular.module('myApp', ['ionic']).controller('AppCtrl', function($scope, $http, $ionicSideMenuDelegate, $ionicPopup, $ionicListDelegate, $ionicModal, $window, $timeout, $rootScope) {
$rootScope.studlist = [];
$http.get("../services/student_list.php").then(function(response) {
if (response.data != null) {
$scope.studlist = response.data;
console.log($scope.studlist)
}
})
});
html视图
<ion-list class="available-scroller" style="margin-top:200px">
<h2>{{studlist.length}}</h2>
<ion-item ng-repeat="slist in studlist track by $index" style="margin-top:30px">
<div class="card padding" style="background-color: rgb(204, 238, 255)" ng-if="studlist.length>0">
<p>StudentID : {{slist.stud_id}}</p>
<p>Name : {{slist.firstname+ " "+slist.lastname}}</p>
<p>Gender : {{slist.gender}}</p>
<p>MobileNo : {{slist.mobileno}}</p>
<p>Course : {{slist.course}}</p>
<p>Semester : {{slist.semester}}</p>
<p>Username : {{slist.username}}</p>
<p>
<button class="button button-assertive button-small icon ion-android-delete" ng-click="delete(slist.stud_id)"></button>
<button class="button button-assertive button-small icon ion-android-create" ng-click="openModal(slist.stud_id)"></button>
</p>
</ion-item>
</ion-list>
{{studlist.length}
StudentID:{{slist.stud\u id}
名称:{{slist.firstname+“”+slist.lastname}
性别:{{slist.Gender}
MobileNo:{{slist.MobileNo}}
课程:{{slist.Course}
学期:{{slist.semberty}
用户名:{{slist.Username}
您可以使用
$timeout
范例
var app = angular.module('myApp', ['ionic']).controller('AppCtrl', function($scope, $http, $ionicSideMenuDelegate, $ionicPopup, $ionicListDelegate, $ionicModal, $window, $timeout, $rootScope) {
$rootScope.studlist = [];
var getStudentsList= function() {
$http.get("../services/student_list.php").then(function(response) {
if (response.data != null) {
$scope.studlist = response.data;
console.log($scope.studlist)
}
})
$timeout(getStudentsList, 5000);
}
});
我认为你的名单在ng重复后没有更新,对吗?