AngularJS：如何在惰性模式下加载模型

Question

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

$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">

而且效果很好。

但是，假设我想添加一个city的解码，我可能会与ngBinding或ngModel进行交互，以测试对象是否为惰性对象，因此可以保证获得真正的价值（我认为可以通过$ http服务获取）

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

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

有人知道如何与ngmodel进行ngbinding交互吗？

提前致谢

Answer 1

由于双向数据绑定，模型一旦安装在视图上就可以被延迟加载。 这是一个在发生事件时加载模型的粗糙示例，使您能够进行任何其他更改。

$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/