前端讲义54

    xiaoxiao2022-07-07  160

    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)