Почему мое текстовое поле не отображает данные с контроллера AngularJS

Question

В моем приложении я могу проверить правильность выбора информации с помощью console.log, но попытка отобразить эту информацию в текстовом поле формы не работает. Может кто-нибудь сказать, пожалуйста, что я делаю не так?

Здесь я просматриваю HTML.

<table class="table table-stripped table-hover">
    <thead>
        <tr>
            <th>ID</th>
            <th>Title</th>
        </tr>
    </thead>
    <tbody>
        <tr data-ng-repeat="organization in organizations | filter:search" data-ng-click="navToEdit($index)">
            <td>{{organization.Id}}</td>
            <td>{{organization.Title}}</td>
        </tr>
    </tbody>
</table>

Вот к чему приводит нажатие на элемент в этом списке.

<div class="form-group">
    <label for="txtTitle">Title:</label>
    <input type="text" type="text" id="txtTitle" class="form-control" data-ng-model="organization.Title" />
</div>

Вот мой контроллер.

app.controller("organizationsCtrl", ["$scope", "$location", "$routeParams", "spService",    
    function ($scope, $location, $routeParams, spService) {    
        var listTitle = "Organizations";    
    
        $scope.editing = false;    
    
        //example populating Organizations    
        spService.getRecords(listTitle, "?$select=ID,Title").then(function (result) {    
            $scope.organizations = result;    
        });    
    
        $scope.navToAdd = function() {    
            $location.path("/organizations/add");    
        }    
    
        $scope.navToEdit = function(index) {    
            $scope.organization = $scope.organizations[index];    
            $location.path("/organizations/" + index);    
            console.log($scope.organization.Title);   
        }    
    }    
]);   

$ scope.navToEdit выводит правильную организацию, но текстовое поле txtTitle ничего не показывает.

Пожалуйста, помогите !!

Answer 1

Как я вижу, проблема здесь в том, что вы перенаправляете на другую страницу здесь,

$location.path("/organizations/" + index);

, который очистит существующую область видимости в контроллере, если вы хотите перенести данные с одной страницы на другую, используя службу или localStorage.