gpt4 book ai didi

javascript - 为什么模型不更新 View ?

转载 作者:太空宇宙 更新时间:2023-11-04 15:48:38 25 4
gpt4 key购买 nike

我是 Angular JS 的新手,我正在通过教程学习它,

我的问题是为什么我的模型没有更新 View ?

以下是代码。

<!DOCTYPE html>

<div ng-controller="MyContr">
{{xxx}}
</div>


<input type="text" ng-model="xxx" ng-controller="MyContr" />
<script>
var app = angular
.module("MyApp", [])
.controller("MyContr", function ($scope) {
var xxx="Alexander"
$scope.xxx = xxx;
});
</script>

最佳答案

根据问题中显示的代码,您似乎调用了 MyContr 两次,

这里有一个:

<div ng-controller="MyContr">
{{xxx}} <!-- xxx (instance 1) -->
</div>

还有另一个:

<!-- xxx (instance 2) --> 
<input type="text" ng-model="xxx" ng-controller="MyContr" />

...因此正在创建同一 Controller 的两个(不同)实例。这样,每个实例都有两个不同的 xxx 变量,每个变量在其作用域上都有自己的 xxx 变量。

解决方案

选项 1 - 您可以在实例之间共享数据(请参阅 Share data between AngularJS controllersAngularJS: How can I pass variables between controllers?)

选项 2 - 将两个 html 元素包含在 MyContr 的同一个实例中,如下所示:

<span ng-controller="MyContr">
<div>
{{xxx}}
</div>
<input type="text" ng-model="xxx" />
</span>

关于javascript - 为什么模型不更新 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43332633/

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