angular 实践小项目（仿微博评论）学习总结

最新推荐文章于 2020-01-18 22:19:55 发布

Happy_DreamFish

最新推荐文章于 2020-01-18 22:19:55 发布

阅读量748

点赞数

分类专栏： angular js

本文链接：https://blog.csdn.net/Happy_DreamFish/article/details/78886742

版权

本文记录了使用Angular框架开发一个仿微博评论功能的小项目过程，涵盖了组件交互、服务注入、数据绑定和API调用等核心知识点，通过实践加深了对Angular的理解。

摘要由CSDN通过智能技术生成

<!doctype html>
<html ng-app="zns_weibo">
<head>
<meta charset="utf-8">
<title>微博评论</title>
<link href="style/weibo.css" rel="stylesheet" type="text/css" />
<script src="angular-1.6.8.js"></script>
<script>
var app=angular.module('zns_weibo', []);

app.controller('weibo', function ($scope, $http){
	$scope.replies=[];
	$scope.pages=[];
	$scope.curPage=1;
	
	//获取当前页留言并显示
	$scope.getPage=function(p) {
		$scope.curPage=p;
		setCur($scope.pages.length);
		$http.get('weibo.php', {
			params: {act: 'get', page: p}
		}).success(function (arr){
			$scope.replies=arr;
		}).error(function (){
			alert('读取失败，请稍后重试');
		});
	}
	getPage(1);
		
	//提交留言
	$scope.submitMsg=function (){
		$http.get('weibo.php', {
			params: {act: 'add', content: $sc

最低0.47元/天解锁文章

Happy_DreamFish

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
angular 实践小项目（仿微博评论）学习总结

微博评论var app=angular.module('zns_weibo', []);app.controller('weibo', function ($scope, $http){ $scope.replies=[]; $scope.pages=[]; $scope.curPage=1; //获取当前页留言并显示 $scope.getPage=function(p)
复制链接

扫一扫

专栏目录