zoukankan      html  css  js  c++  java
  • 【angularjs学习】简单的语法

    <div ng-app="" ng-init="names=[
    {name:'Jani',country:'Norway'},
    {name:'Hege',country:'Sweden'},
    {name:'Kai',country:'Denmark'}]">

    <!--ng-app表明这里用angularjs,ng-init可以加一些初始数据进去-->

    <p>姓名:<input type="text" ng-model="name" /></p>    <!--ng-model作用相当于定义一个变量, 把var name=这个input里的value-->

    <p>你输入的为:<span ng-bind="name"></span>  <!--ng-bind相当于把上面定义的变量name绑定到 span的innerHTML-->

    <p>循环对象:</p>
    <ul>
    <li ng-repeat="x in names">            <!--ng-repeat相当于复制标签的作用,但里面值可以直接循环-->
    {{ x.name + ', ' + x.country }}</li>   <!--在html中可以直接插入类似javascript的angularjs表达式,插入方法是{{ }}-->
    </ul>

    </div>

  • 相关阅读:
    mysql安装脚本
    vim常用命令
    CentOS 6.5使用国内网易163的源
    053(七十五)
    053(七十四)
    053(七十三)
    053(七十二)
    053(七十一)
    053(七十)
    053(六十九)
  • 原文地址:https://www.cnblogs.com/zipon/p/5049156.html
Copyright © 2011-2022 走看看