AngularJS (一)

最新推荐文章于 2021-09-28 10:35:55 发布

原创最新推荐文章于 2021-09-28 10:35:55 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

AngularJS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用 AngularJS 的 ng-repeat 指令循环显示数组中的数据，并通过 ng-bind 动态绑定数据字典中的值。

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

第一次用AngularJS 前端框架,一脸懵逼,二脸懵逼,三脸懵逼.......

不过用了之后感觉还不错,这次我就先总结一下我自己用了的

我现在要实现的功能是吧从数据字典里面获取的数据通过循环显示

简单示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
	<table>
		<tr style="border:1px solid #ddd" ng-repeat="x in params">
			<td>{{x.pmvd}}</td>
			<td ng-bind="paramsList.{{x.pmkc}}"></td>
		</tr>
	</table>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
  $scope.params = [{id:122,pmac:"ROAD_SHOW",pmkc:"road_terrain",pmpc:"1",pmsn:"SALES_KM",pmvd:"路演类型",remark:"营销路演页面字段"},
  {id:123,pmac:"ROAD_SHOW",pmkc:"road_startime",pmpc:"2",pmsn:"SALES_KM",pmvd:"路演开始时间",remark:"营销路演页面字段"},
  {id:124,pmac:"ROAD_SHOW",pmkc:"road_endtime",pmpc:"3",pmsn:"SALES_KM",pmvd:"路演结束时间",remark:"营销路演页面字段"}];
   $scope.paramsList = {road_terrain:"类型",road_startime:"开始时间",road_endtime:"结束时间"};
});
</script>
</body>
</html>

运行结果: