Fatal编程技术网

Javascript 带值的角度JS数学

javascript angularjs

Javascript 带值的角度JS数学,javascript,angularjs,Javascript,Angularjs,我正在尝试使用angularJS收集值，并对它们进行一些计算。我尝试了以下方法，但没有成功，我对angularJS非常陌生，我有一个问题（我不知道如何让angularJS在JSFIDLE上工作） 有人知道我做错了什么吗 这是我的密码： <body ng-app="myApp" ng-controller="WizardController"> <wizard on-before-step-change="log(event)" on-step-changing="log(eve

我正在尝试使用angularJS收集值，并对它们进行一些计算。我尝试了以下方法，但没有成功，我对angularJS非常陌生，我有一个问题（我不知道如何让angularJS在JSFIDLE上工作）

有人知道我做错了什么吗

这是我的密码：

<body ng-app="myApp" ng-controller="WizardController">
<wizard on-before-step-change="log(event)" on-step-changing="log(event)" on-after-step-change="log(event)">

    <step title="stepOne">
        <input type="text" ng-model="user.a" />
        <input type="text" ng-model="user.b" />
        <input type="text" ng-model="user.c" />
        {{totalNumber}}
    </step>

</wizard>    
</body>



var myApp = angular.module('myApp', []);

myApp.controller('WizardController', ['$scope', function($scope){

  $scope.user = { };
  $scope.totalNumber = $scope.user.a * $scope.user.b * 50 + $scope.user.c - $scope.user.a;

}]);


{{totalNumber}}
var myApp=angular.module（'myApp'，[]）；
myApp.controller（'WizardController'，['$scope'，函数（$scope）{
$scope.user={}；
$scope.totalNumber=$scope.user.a*$scope.user.b*50+$scope.user.c-$scope.user.a；
}]);
如果我执行$scope.totalNumber=$scope.user，然后执行{{totalNumber}}，我会得到返回：{“a”：“1”}（如果我有
），但是当我执行$scope.user.a时，什么都不显示，这非常节约 
{{ totalNumber }}
JavaScript通常区分大小写。您可能希望在HTML中包含以下内容：

{{ totalNumber }}
如果你是新的角度，开始。它非常简单地展示了如何加载角度（检查左侧边栏）以及如何使用范围中的数字

HTML

如果你是新的角度，开始。它非常简单地展示了如何加载角度（检查左侧边栏）以及如何使用范围中的数字

HTML

1路：
 删除：
{{totalNumber}

Put:
{{user.a*user.b*50+user.c-user.a}

两条路如是说：
脚本：
$scope.totalNumber=function（）{

返回$scope.user.a*$scope.user.b*50+$scope.user.c-$scope.user.a；

}
html:
{{totalNumber（）}}
1路：
删除：
{{totalNumber}

Put:
{{user.a*user.b*50+user.c-user.a}

两条路如是说：
脚本：
$scope.totalNumber=function（）{

返回$scope.user.a*$scope.user.b*50+$scope.user.c-$scope.user.a；

}
html:
{{totalNumber（）}

下面的答案可能是它，但作为进一步的提示，您可以使用type=“number”而不是type=“text”将这些字段设置为数字。下面的答案可能是它，但作为进一步的提示，您可以使用type=“number”而不是type=“text”将这些字段设置为数字。OP：这是正确的，您需要与您的范围相匹配。但是，您的小提琴过于复杂，并且存在许多问题，使其无法正常工作，无论您是否正确地包含Angular并更新此绑定。OP：这是正确的，您将需要匹配范围的情况。但是，您的Fiddle过于复杂，并且存在许多问题，无论您是否正确地包含Angular并更新此绑定，都会使它无法工作。为什么$scope.totalNumber=$scope.user可以工作，这是毫无意义的，但不是$scope.user.a
$scope.totalNumber
是一个基本值，因此它可以立即绑定到范围
$scope.user={}
是一个对象
$scope.user
可以绑定到作用域，但创建作用域时，
$scope.user.a
不存在，因此没有要绑定的引用。也就是说，使用对象很简单，但您仍然需要了解如何使用它们。为什么$scope.totalNumber=$scope.user可以工作，而$scope.user不能工作是毫无意义的。a
$scope.totalNumber
是一个基本值，因此它可以立即绑定到范围
$scope.user={}
是一个对象
$scope.user
可以绑定到作用域，但创建作用域时，
$scope.user.a
不存在，因此没有要绑定的引用。也就是说，使用对象很简单，但您仍然需要了解如何使用它们。 
var app = angular.module('myApp', []);

app.controller('AppCtrl', function ($scope) {
    $scope.num1 = 10;
    $scope.num2 = 23;

    $scope.total = function() {
        return $scope.num1 * $scope.num2;
    }
});