Ionic v1 ng-model 不更新答案

【问题标题】：Ionic v1 ng-model doesn't updateIonic v1 ng-model 不更新
【发布时间】：2023-03-19 15:43:02
【问题描述】：

这是我在 Ionic 项目中的 HTML 结构。

<div ng-model="pollPage.test.username">updated content</div>
{{pollPage.test.username}}

控制器：

  vm.test = {
        username : 'static',
  }

当我使用检查我的页面时，它会得到“静态”文本，但它应该是“更新内容”

有什么问题？我想一切都是正确的，但它不起作用。谢谢。

【问题讨论】：

angular 标签适用于 Angular 2 及更高版本。
您在控制器中更改了test.username 的值，因此ng-model 将值更新为DOM。我认为应该是这样的行为。
改成 test.username 但还是一样的问题。
@CensinDO 你能更详细地解释你想做什么吗？你用过ng-model 到一个div 吗？这是为什么呢？

标签： javascript angularjs ionic-framework angularjs-scope angularjs-ng-model

【解决方案1】：

ng-model 应该位于其内容发生变化的元素上，例如：input, select, textarea...etc

【讨论】：

【解决方案2】：

你的代码错了，应该是这样的：

<div ng-controller="yourController as vm">    
    <input type="text" ng-model="vm.pollPage.test.username">
    <div>{{pollPage.test.username}}</div>
</div>

您不能将 ng-model 分配给 div，它必须位于元素 I/0 上，例如输入、下拉菜单、检查等。

控制器：

 var vm = this;

  vm.pollPage = {};
  vm.pollPate.test = {
    username : 'static',
  }

【讨论】：