Angular(ng 作用域和控制器)

最新推荐文章于 2024-07-25 09:24:40 发布

dibisha5159

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量62

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/YoogaChan/p/6918307.html

版权

html部分

.............................................................

<!doctype html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>ng 作用域和控制器</title>
</head>
<body>
<div ng-controller="Counter">
    <span>输入增量:</span>
    <input type="number" ng-model="change"><hr>
    <span>起始值:</span>
    {{start}}
    <br>
    <span>起始值+增加:</span>
    {{current}}
    <button ng-click='inc()'>累加增量</button>
    <button ng-click='dec()'>累减增量</button><hr>
    <span>与起始值比较:</span>
    {{difference}}
</div>
</body>

<script src="js/angular-1.3.0.js"></script>
<script src="js/作业1_scope和控制器.js"></script>
</html>
................................................................................................
Js部分

myApp=angular.module("myApp",[]);

myApp.controller("Counter",function ($scope) {
    $scope.start=200;
    $scope.change=1;

  $scope.inc=function () {
      $scope.change++;
      $scope.current= $scope.start+$scope.change;
      $scope.difference=$scope.current-$scope.start;
  },
    $scope.dec=function () {
        $scope.change--;
        $scope.current= $scope.start+$scope.change;
        $scope.difference=$scope.current-$scope.start;
    }
})

转载于:https://www.cnblogs.com/YoogaChan/p/6918307.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dibisha5159

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Angular(ng 作用域和控制器)

html部分.............................................................<!doctype html><html ng-app="myApp"><head> <meta charset="UTF-8"> <title>ng 作用域和控制器</...
复制链接

扫一扫