Отображение данных на новом экране в соответствии с выбранными элементами на экране с помощью ng-click

Question

Я пытаюсь в основном распечатать данные о некоторых свойствах на новом экране, который перенаправляется на этот экран после того, как я нажимаю на имя свойства на главном экране.

Это то, что я делал до сих пор: я нажал на свой API и сохранил все данные в массиве propertyDetails.Затем в передней части я использовал ng-repeat = "prop in propertyDetials", чтобы перебрать его и распечатать все имена в JSON API на главном экране.

<div ng-repeat="prop in propertyDetails" class="propertyCard"
     ng-click="getPropDetails(prop)">
    <p class="propSummaryName">{{ prop.name }}</p>
</div>

Затем в моем контроллере js я сделал:

$scope.getPropDetails = function(prop){
    $location.path('/propertyDetailScreen');
    console.log(prop.name);
    $scope.propName = prop.name;  
}

, теперь вернулся к html, на свой propertyDetailScreen

<p> {{ propName }} </p>

Я выполнил маршрутизацию.Когда я запускаю это, происходит следующее: когда я нажимаю на свойство, оно переходит на новый экран.Я вижу зарегистрированный вывод в консоли.Но имя не отображается на экране.Как мне этого добиться?

Answer 1

$scope.getPropDetails = function(prop){
  $location.path('/propertyDetailScreen/'+ prop.name);
}

Следующий экран

Создать новый файл маршрута:

1) В файле маршрута

config(['$routeProvider', function ($routeProvider) {
        $routeProvider.when('/propertyDetailScreen/:param1', {
            templateUrl: 'path/propertyDetailScreen.html',
            controller: newController
            });
    }]);

2) В файле контроллера:

Первый ввод $routeParams в качестве аргументов

$scope.name = $routeParams.param1;

3) В HTML

{{ name }}

Дайте мне знать, у вас есть вопрос.

Answer 2

При перенаправлении в новое состояние с помощью:

$location.path('/propertyDetailScreen');

это состояние имеет другую область $ $, новую. Что вам нужно сделать, это передать нужное значение в качестве параметра в новое состояние. Есть несколько способов добиться этого, используя $ location.path. Проверьте эти ответы: вопрос