如何在 ng-repeat 中使用 jquery.ajax 返回的数据？

Question

这是我的 jquery ajax 调用

jQuery.ajax({
            url: view_url+"get_messagekinds",
            success: function (result) {
                $scope.response = result;
            },
            async: false
        });

这里是html代码：

<select id="select_msg_kind"
                    name="select_msg_kind"
                    class="form-control"
                    ng-model="message_kind_selected" style="height:30px;width:220px">
                    <option value="0">--Select Message Kind--</option>
                    <option ng-repeat="res in response track by $index" value="{{ res.id }}">
                        {{ res.name }}
                    </option>
                </select>

但选择列表为空。这是截图

如何使用 ng-repeat 使用 ajax 调用返回的数据填充选择列表？

这里是ajax调用返回的数据：

[{"id": 1, "name": "Test1"}, {"id": 2, "name": "test2"}, {"id": 3, "name": "Test3"}]

Answer 1

提示：不要使用 jQuery.ajax，而是使用 Angular 的 $http-service。后者会注意到一个所谓的“消化循环”应该运行的角度：

$http.get(url).then(function(result) {
    // success
    $scope.response = result;
}, function() {
    // error
});

如果你真的要使用jquery的ajax（我想你的原因是因为你使用async: false），你应该自己触发digest循环：

jQuery.ajax({
    url: view_url+"get_messagekinds",
    success: function (result) {
        // trigger digest cycle with '$apply'
        $scope.$apply(function() {
            $scope.response = result;
        });
    },
    async: false
});

但是，您不应该使用异步，您可以只使用 $http 服务的承诺和回调函数。