html_AngularJs简单使用

Angular与jQuery实践

最新推荐文章于 2023-10-11 16:02:47 发布

原创最新推荐文章于 2023-10-11 16:02:47 发布 · 712 阅读

0 ·

CC 4.0 BY-SA版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <script type="text/javascript" src="jquery-1.11.0.js"></script>
    <script>
        $(function(){
            var i = 0;
            $("#d").click(function(){
                i++;
                $("#dj").text("点击次数:"+i);
            });
        });
    </script>

    <style>

    </style>

</head>s
<body ng-app="">

   <div>{{5*4}}</div>

   <div ng-init="messages={id:1,name:'张三'}">
       <span ng-bind="messages.id"></span>
       <span ng-bind="messages.name"></span>
   </div>

   <div ng-init="messages2 = ['q','w','e']">
       <span ng-bind="messages2[0]"></span>
       <span ng-bind="messages2[1]"></span>
       <span ng-bind="messages2[2]"></span>
   </div>


   <button id="d">点击</button>
   <div id="dj">点击次数:0</div>

   <button ng-init="i=0" ng-click="i=i+1">点击</button>
   <div>点击次数:{{ i }}</div>

<div ng-init="usernames = ['张三', '李四', '王五']">
    <ul ng-repeat="name in usernames | limitTo: 2">
        <li>{{ name }}</li>
    </ul>
</div>


<hr>


<div ng-init="usernames_en = ['zhangsan', 'lisi', 'wangwu', 'zhaolu']">
    <ul ng-repeat="name in usernames_en | filter: 'a'">
        <li>{{ name }}</li>
    </ul>
</div>

</body>
</html>