无法将 angularjs 控制器变量绑定到 html 页面答案

【问题标题】：Not able to bind angularjs controller variable to html page无法将 angularjs 控制器变量绑定到 html 页面
【发布时间】：2016-06-05 22:30:24
【问题描述】：

我有一个简单的查询，我无法理解为什么它对我不起作用。

我有一个 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 因为我在某处读到这将迫使它进行更新的更改。

【问题讨论】：

不要使用 $.ajax ，使用 $http 。另请阅读ng-model 的文档，它不用于显示文本。
能否显示控制台结果。

标签： javascript jquery angularjs ajax data-binding

【解决方案1】：

应该是：

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

这可能有助于阐明这一点：What's the difference between ng-model and ng-bind

【讨论】：

奇怪的是，它显示了一个空白行。让我再看看
如果它不起作用，则可能是您的应用设置存在问题，在这种情况下，您需要发布代码的核心组件。
哦，是的，它奏效了。感谢您清除我对 ng-model 和 ng-bind 的概念。