Angularjs:如何在惰性模式下加载模型

Angularjs: how load model in lazy mode

本文关键字：模式 加载 模型 Angularjs      更新时间：2023-09-26

我想在懒惰模式下加载一些数据。特别是，假设我有一个这样的对象：

$scope.person = {
   name: 'Stefano',
   surname: 'Rossi',
   address: 'Orange Road',
   city: { 
      clazz: 'foo.bar.City',
      id: 5, 
      lazy: true 
  }
}

使用 angular 我可以毫无问题地将前三个属性绑定到 html 标签。

<input ng-model="person.name">
<input ng-model="person.surname">
<input ng-model="person.address">

而且效果很好。

但是假设我想添加一个城市的解码，如果对象是懒惰的，我可以交互ngBinding或ngModel进行测试，所以用承诺获得真正的价值（我认为通过$http服务得到）

我尝试扩展 ngmodel，但没有正确的$scope...

https://jsfiddle.net/qq4gqn6t/13/

有人知道如何与ngmodel o ngbinding互动吗？

提前致谢

由于双向数据绑定模型一旦安装在视图上，可能会延迟加载。下面是一个粗略的示例，在事件上加载模型，使您能够进行任何其他更改。

$scope.loadlater = function() {
    $scope.person = {
      name: 'Stefano',
      surname: 'Rossi',
      address: 'Orange Road',
      city: {
        clazz: 'foo.bar.City',
        id: 5,
        lazy: true
      }
    }
  }

https://jsfiddle.net/qq4gqn6t/14/

相关文章：