如何觀看和應用Dom角度變化

Question

在單擊按鈕時，我正在使用<li>創建一個保存圖像的div 。 我正在使用以下功能：

<button data-ng-click="createWorkOrder()">Post project</button>

功能：

$scope.createWorkOrder  = function () {
    //API call to get data
    $scope.myPromise = operationsFactory.readWorkOrders().success(function (response) {
        $scope.workOrdersList = response.result;
    })
};

HTML：

<ul>
    <li dir-paginate="wd in workOrdersList | filter: search.status | filter: search.name | itemsPerPage: 10">
        <a href=" ">
            <h4>{{wd.name}}</h4>
        </a>
        <p>Status: {{wd.status}}</p>
    </li>
</ul>

上面的列表正在創建中，但是我需要刷新頁面才能在頁面上看到它。 我希望一旦從上述功能中填充新數據，它就會自動顯示

Answer 1

我讓這個笨拙的人試圖重現您的問題，並且它沒有任何問題。

上面@claies所說的是正確的，“除非您不更改一側或另一側的值，否則angular會自動更新數據”。 您確定要正確更新數據嗎？

如您所見，請求結束后，列表將立即更新。
如果您的代碼仍然無法正常工作，請在請求完成后嘗試調用$scope.$apply()方法，它將更新綁定。 $ scope。$ apply docs

視圖：

<ul>
    <li dir-paginate="wd in workOrdersList | filter: search.status | filter: search.name | itemsPerPage: 5">
        <a href="{{wd.url}}">
            <h4>{{wd.name}}</h4>
        </a>
        <p>Status: {{wd.id}}</p>
    </li>
</ul>
<dir-pagination-controls></dir-pagination-controls>

控制器 ：

app.controller('MainCtrl', function($scope, $http) {

    // Just to reproduce the problem
    $http({
        method: 'GET',
        url: 'https://api.github.com/repositories'
    }).then(function successCallback(response) {
       $scope.workOrdersList = response.data;
    }, function errorCallback(response) {

    });
});