html_AngularJs简单使用

来源：互联网发布：qq空间病毒式营销源码编辑：程序博客网时间：2024/06/07 01:51

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

阅读全文

1 0