無法將angularjs控制器變量綁定到html頁面

Question

我有一個簡單的查詢，我無法理解為什么它對我不起作用。

我有一個ajax電話，我從后端獲取數據。 這里是。

$.ajax({
    type: "GET",
    url: serviceURL,
}).then(function (response) {
    $scope.$apply(function () {
        $scope.username = response.FirstName;
    });
    console.log($scope.username);
});

我可以在這里獲取控制台輸出。 意味着ajax可以正常工作。 現在我需要在前端顯示它。 這是代碼。

<li ng-model="username">[USERNAME should comeHere]</li>

我已經使用ng-model將控制器端數據綁定到前端。 因此，用戶名應顯示在我上面提到的[]括號之間。 但是，這沒有發生。

有人可以告訴我，我做錯了什么。 ？ 我還使用了$ apply，因為我在某處讀到這將迫使它進行更新的更改。

Answer 1

它應該是：

<li>{{username}}</li>

這可能有助於闡明這一點： ng-model和ng-bind有什么區別