NG綁定未顯示範圍內的變量{{}}

Question

的test.html（我的模板）：

<span data-ng-bind="emailSent.info"></span> 

JS：

$scope.resetPasswordEmail = "my@email.here"; 
// info is taken from a database with different languages 
$scope.emailSent = { 
    info: getInfoFromDatabase() // returns: 'Confirmation email sent to {{resetPasswordEmail}}, check your email.' 
}; 
angular.element(document.body).append($compile($templateCache.get('test.html'))($scope)); 

然而這會導致在頁面上跨度以下：

Confirmation email sent to {{resetPasswordEmail}}, check your email. 

我試圖做「嵌套」範圍變量。我是否必須重新編譯編譯後的模板。 還是有一個適當的angularjs方式來實現這一點。

Answer 1

根據您更新的問題，我明白你爲什麼要這樣做。

的關鍵，做到這一點是使用$interpolate：

angular.module('app', []). 
 
controller('Ctrl', function($scope, $interpolate, $compile){ 
 
    $scope.resetPasswordEmail = "my@email.here"; 
 
    $scope.emailSent = { 
 
    info: $interpolate(getInfoFromDatabase())($scope) 
 
    }; 
 
    
 
    function getInfoFromDatabase(){ 
 
    return 'Confirmation email sent to {{resetPasswordEmail}}, check your email.' 
 
    } 
 
    angular.element(document.body).append($compile('<span data-ng-bind="emailSent.info"></span>')($scope)); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="Ctrl"></div>