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