gpt4 book ai didi

javascript - 变量不使用 ng-bind 呈现

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:03:07 26 4
gpt4 key购买 nike

我正在开发书中的示例应用程序,AngularJS .

在下面的代码中,{{funding.needed}} 没有显示为 10 * startingEstimate。它按字面意思显示,即未呈现为页面上的 {{funding.needed}}

为什么?

<html ng-app>
<body ng-controller="TextController">

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js">
</script>

<form ng-controller="StartUpController">
Starting: <input ng-change="computeNeeded()"
ng-model="funding.startingEstimate">
Recommendation: {{funding.needed}}
</form>

<script>
function StartUpController($scope) {
$scope.funding = { startingEstimate: 0};

$scope.computeNeeded = function() {
$scope.needed = $scope.startingEstimate * 10;
};
}
</script>
</body>
</html>

最佳答案

您需要删除 TextController,因为您尚未定义它,并且它会在出错时阻止加载其他内容。此外,您还需要在某些地方规范您对 $scope.funding 对象的使用,您尝试仅使用没有父引用的成员。以下是一个工作版本(参见它在 http://plnkr.co/edit/Jz95UlOakKLJIqHvkXlp?p=preview 的 plunker 上工作)

<html ng-app>
<body>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js">
</script>

<form ng-controller="StartUpController">
Starting: <input ng-change="computeNeeded()"
ng-model="funding.startingEstimate">
Recommendation: {{funding.needed}}
</form>

<script>
function StartUpController($scope) {
$scope.funding = { startingEstimate: 0};

$scope.computeNeeded = function() {
$scope.funding.needed = $scope.funding.startingEstimate * 10;
};
}
</script>
</body>
</html>

关于javascript - 变量不使用 ng-bind 呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16827303/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com