Angularjs 如何使用angular js从js到html获取计算值（totalPriceAmt）

Html端

Js

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

myApp.controller("DataEntryController",function($scope) {

  alert("totalPrice?" + $scope.totalPriceAmt);
}

$scope.Add = function() {
      alert("Total amount commint:" +$scope.totalPriceAmt);     
};

提交
总计：{{totalPriceAmt}

---

单击

submit

按钮后，我无法在HTML端获取值

totalPriceAmt

，或者我想直接在HTML中显示

totalPrice

。

如果你想在HTML中显示$scope值，你需要给它分配一些值。正如我从代码中看到的，没有赋值

var myApp=angular.module（“DataEntryApp”，[]）；
控制器（“DataEntryController”，函数（$scope）{
$scope.totalPriceAmt=10；
}
$scope.Add=函数（）{
$scope.totalPriceAmt=10；
}

嘿，您必须使用ng绑定绑定变量，然后授予控制器访问权限，并使用$scope执行操作。

存在语法错误 函数在控制器外部定义

<div ng-app="DataEntryApp" ng-controller="DataEntryController">
        <button ng-click="Add()">Submit</button>
        <span>Total: {{ totalPriceAmt }} </span>
</div>

---

在您向angular应用程序注册控制器的示例中出现语法错误。修复此问题，在所附的代码段中，您可以看到我将控制器中的值totalPriceAmount初始化为0，然后在每次单击t时调用Add方法时将其递增10您还将看到与scope变量的数据绑定也正确发生

var myApp=angular.module（“DataEntryApp”，[]）；
控制器（“DataEntryController”，函数（$scope）{
$scope.totalPriceAmt=0；
$scope.Add=函数（）{
$scope.totalPriceAmt+=10；
}
})；

提交
总计：{{totalPriceAmt}

将scope变量放入警报不会初始化值：），请尝试分配类似“$scope.totalPriceAmt=XXX；”的值

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

myApp.controller("DataEntryController",function($scope) {

$scope.totalPriceAmt =10;


$scope.Add = function() {
$scope.totalPriceAmt =$scope.totalPriceAmt+10;
};


});