为什么不更新模型的值，通过服务更新，在UI中更改？

下面，汇总和测试通过MyCtrl进行设置。我看到“我的测试”正确显示，但不显示“summary.name”。我看到MySvc.get（）的回调按预期执行，但是summary.name的更新值不会出现在UI上。为什么不更新模型的值，通过服务更新，在UI中更改？

为什么summary.name的更新值没有出现在UI上的任何建议？

app.js：

... 
.state('tab.edit', { 
    url: '/edit', 
    views: { 
     'tab-dash': { 
      templateUrl: 'templates/MyTemplate.html', 
      controller: 'MyCtrl' 
     } 
    } 
}) 
...

MyTemplate.html：

<label class="item item-input item-stacked-label"> 
    <span class="input-label">Name</span> 
    <textarea rows="8" placeholder="Nothing yet." ng-model="summary.name"></textarea> 
</label> 
<label class="item item-input item-stacked-label"> 
    <span class="input-label">TEST</span> 
    <textarea rows="8" placeholder="Nothing yet." ng-model="test"></textarea> 
</label>

controllers.js：

... 
.controller('MyCtrl', function($scope, MySvc) { 

    console.log("MyCtrl: entered"); 

    $scope.summary = MySvc.get(0); 
    $scope.test = "my test"; 
...

MySvc.get（0）返回（我看到这个回调执行并更改ret.name）：

return $http.get(url).then(function(response) { 

    console.log("MySvc callback: response.data = %o", response.data); 
    console.log("MySvc callback: response.data.name = " + response.data.name); 

    ret = new MySvc(response.data); 

    console.log("MySvc callback: ret.name = " + ret.name); 

    return ret; 
});

来源

2014-10-29 pkstack

不能说你提供什么问题，但这里有一些指针。（返回）：返回$ http.get（url）.then（函数（响应）{' ）您应该从服务中返回一个承诺并解析（'.then'）它在控制器并在那里设置'$ scope.summary' 您需要提供更多的MySvc来解决当前代码中的主要问题。 – Absor 2014-10-29 20:54:40

您将MySvc.get的返回值视为同步（即时可用）值。通过$ http服务收到的内容不可立即使用，因此您不能将其视为简单的返回值。

你真正想要做的是把它作为一种承诺，它（最有可能）是：

MySvc.get(0) 
.then(function(summary) { 
    $scope.summary = summary; 
});

，你可能会希望在承诺阅读起来，Chapters 1 to 3“你不知道JS - 异步&性能“是一个很好的起点。

来源

2014-10-29 20:59:46 yerforkferchips

为什么不更新模型的值，通过服务更新，在UI中更改？

回答

相关问题