首页 > Web开发 > 详细

angularJs学习第一篇

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

<!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学习第一篇

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!