码迷,mamicode.com
首页 > Web开发 > 详细

angularJs学习第一篇

时间:2016-01-15 13:05:55      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:angularjs

<!DOCTYPE html>

<html ng-app>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script src="plugins/angular-1.0.1.min.js"></script>

</head>

<body>

<p>ng-app 指令告诉 AngularJS, 元素是 AngularJS 应用程序 的"所有者"。</p>

<p>使用双大括号标记{{}}的内容是问候语中绑定的表达式</p>

hello {{‘hello‘}}

<br>

<p>

    ng-model 指令把输入域的值绑定到应用程序变量 name。<br>


</p>

your name<input type="text" ng-model="userName" placeholder="world">

hello{{userName||‘world‘}}

<p>

    ng-init 指令初始化 AngularJS 应用程序变量。<br>

    ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。<br>

</p>

<div ng-init="age=‘13‘">

    <span  ng-bind="age"></span>

</div>

<p>angular的表达式</p>

<p>两者之和为:{{(userName||‘world‘)+" "+"你好"}}}</p>

</body>

</html>


本文出自 “LEEFENG” 博客,请务必保留此出处http://10173384.blog.51cto.com/10163384/1735227

angularJs学习第一篇

标签:angularjs

原文地址:http://10173384.blog.51cto.com/10163384/1735227

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!