在angularjs的视图中使用promise

Question

<div ng-app="myApp" ng-controller="myCtrl">

First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
{{obj}}

</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope ,$q,$timeout) {
    $scope.firstName = "John";
    $scope.lastName = "Doe";
    var pro=function(){
var a=$q.defer();
$timeout(function(){
console.log("resolve");
a.resolve(1);
}, 
3000
);
    return a.promise;
}

$scope.obj=pro();

});
</script>

正如我研究的那样，当我们在视图中使用 promise 对象时，它会自动添加解析函数以在视图中显示解析值，但它没有在视图中显示解析值。它只是显示这个“{}”。我错了在做

Answer 1

模板不再自动解包承诺

$parse 和一般模板将不再自动解包 Promise。

有关详细信息，请参阅

• AngularJS Developer Guide - Migration from V1.0 to V1.2