zoukankan      html  css  js  c++  java
  • angular绑定数据 使用循环输出列表数据

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
    </head>
    <body  ng-app ng-init="obj={ a:1,b:2,firstName:'guanghan',lastName:'xue'}">
    
        <div>
            <p>我的第一个表达式: {{ obj.a*obj.b }}</p>
            <span ng-bind="obj.firstName"></span>
            <span >{{obj.lastName}}</span>
            <input type="text" name="firstName"  ng-model="obj.firstName" />
            <input type="text" name="lastName"   ng-model="obj.lastName" />
    
    
        </div>
        <div   ng-init="name=['a1','a2','a3']">
            <ul>
                <li ng-repeat="x in name">
                     {{ x }}
    
                </li>
            </ul>
    
        </div>
        <!--<script>
            $(function () {
                angular.bootstrap($("dir"), ['dir']);
    
            })
        </script>-->
    </body>
    </html>
    

      相比拼接字符串 会优雅很多 阅读性也很强 逻辑清晰

  • 相关阅读:
    [ZJOI2010]数字计数
    [SCOI2009]windy数
    [Tjoi2018]数学计算
    [ZJOI2008] 骑士
    [CQOI2009] 中位数
    11.7 模拟赛
    10.31 模拟赛
    随机游走
    10.29 模拟赛
    10.28 模拟赛
  • 原文地址:https://www.cnblogs.com/ProDoctor/p/7063751.html
Copyright © 2011-2022 走看看