前端讲义54_AngularJS的基本设计

最新推荐文章于 2019-06-09 10:52:55 发布

木生火

最新推荐文章于 2019-06-09 10:52:55 发布

阅读量205

点赞数

分类专栏： Angular

本文链接：https://blog.csdn.net/msh2016/article/details/90454107

版权

Angular 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

ng-app指令 加入body标签中，这个设计意味所有处于<body>…</body>元素内，可使用AngularJS指令，

比如，下面AngularJS指令含义

ng-init指令定义了初始值
ng-model指令绑定 HTML 元素到应用程序数据
{{}} 输出表达式

代码举例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="angular/angular-1.6.2.min.js"></script>
</head>
<body ng-app="">
<div  ng-init="WorkHours=40;WorkPrice=22.5">
加班单价：<input type="number" min="50" max="100" ng-model="WorkPrice" /><p>
加班工时：<input type="number" min="0" ng-model="WorkHours"/><p>
加班薪资：{{WorkPrice * WorkHours}}
</div>
</body>
</html>

木生火

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端讲义54_AngularJS的基本设计

ng-app指令加入body标签中，这个设计意味所有处于<body>…</body>元素内，可使用AngularJS指令，比如，下面AngularJS指令含义ng-init指令定义了初始值ng-model指令绑定 HTML 元素到应用程序数据{{}} 输出表达式代码举例<!DOCTYPE html><html&gt...
复制链接

扫一扫