angular

最新推荐文章于 2025-03-18 16:30:12 发布

原创最新推荐文章于 2025-03-18 16:30:12 发布 · 330 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何利用AngularJS框架创建一个简单的Web应用，该应用能够加载并展示一个包含姓名、性别和年龄信息的数据列表。通过这个示例，读者可以了解到AngularJS的基本用法，包括模块定义、控制器创建及双向数据绑定。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-3.2.1.js"></script>
    <script src="angular1.4.6.min.js"></script>

</head>
<body ng-app="myApp" ng-controller="myController">


    <script>
        angular.module("myApp",[]).controller("myController",function ($scope) {
            $scope.arr=[{name:"张三",sex:"男",age:18},{name:"李四",sex:"男",age:19},{name:"王五",sex:"男",age:20}];
        })
    </script>

<table>
    <tr>
        <td>名字</td>
        <td>性别</td>
        <td>年龄</td>
    </tr>
    <tr ng-repeat="item in arr">
        <td>{{item.name}}</td>
        <td>{{item.sex}}</td>
        <td>{{item.age}}</td>
    </tr>
</table>
</body>
</html>