html_AngularJs简单使用

最新推荐文章于 2023-07-16 21:12:39 发布

绅V科技

最新推荐文章于 2023-07-16 21:12:39 发布

阅读量601

点赞数 1

本文链接：https://blog.csdn.net/Android___vv/article/details/78207402

版权

<!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>

绅V科技

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html_AngularJs简单使用

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
复制链接

扫一扫