Использовать данные с точки зрения контроллера от ng-click angular

Question

Довольно новый для углового и с небольшой проблемой получения данных от контроллера и отображения в поле зрения с использованием ионных.

У меня есть функция в контроллере ('DashCtrl'), где я передаю строку для использования внутри функции с помощью ng-click. Пока я просто хочу взять эту строку и отобразить ее в следующем представлении, так как у меня есть href на том же элементе, у которого есть событие ng-click.

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

Heres код:

HTML

* первая страница

<ul contentful-entries> 
    <div ng-repeat="story in $contentfulEntries.items"> 
    <li class="story col col-100"> 
     <a href="#/tab/story/{{story.fields.slug}}" ng-click='storyDetails("{{story.fields.title}}")'> 
     <p>{{ story.fields.title }}</p> 
     </a> 
    </li> 
    </div> 
</ul> 

* перенаправляет к этому на нг щелкните

<ion-view view-title="Story"> 
    <ion-nav-buttons side="left"> 
    <button class="button back-button buttons button-clear header-item" ng-click="goBack()"> 
     <i class="icon ion-ios-arrow-back"> Back</i> 
    </button> 
    </ion-nav-buttons> 
    <ion-content> 
    <ion-list ng-controller="DashCtrl"> 
     <h1>{{ story.slug }} </h1> 
     <p> <!-- HERE IS WHERE I WANT TO DISPLAY THE STRING --> </p> 
    </ion-list> 
    </ion-content> 
</ion-view> 

* Heres мой контроллер

.controller('DashCtrl', function($scope, $stateParams, $ionicHistory) { 

    $scope.storyDetails = function($scope, details) { 
    // here is the data i need to display in the view 
    // the console.log shows up in the browser 
    console.log(details); 
    } 

    $scope.goBack = function(){ 
    $ionicHistory.goBack(); 
    } 

    // this is working fine 
    $scope.story = $stateParams; 
}) 

Answer 1

В итоге я использовал $ rootScope. Я знаю, что это может быть не лучшее решение, но я просто пытаюсь понять Angular на данный момент.

В моем контроллере я использовал

.controller('DashCtrl', function($scope, $stateParams, $rootScope, $ionicHistory) { 

    $scope.goBack = function(){ 
    $ionicHistory.goBack(); 
    } 

    $scope.storyDetails = function(details) { 
    $rootScope.details = details; 
    return $rootScope.details; 
    } 
}) 

Тогда я могу использовать $ rootScope.details в другом контроллере для использования в функции мне нужна строка для.

Я знаю, что я не делаю этого с угловым способом, поэтому, если бы кто-нибудь был достаточно любезен, чтобы показать мне, как это сделать «правильно», не используя rootScope, я буду навсегда в вашем долге.

Answer 2

Сохраните строку сведений как переменную контроллера, а затем вы можете получить доступ к ней в представлении.

Answer 3

Назначьте переменную details какой-либо другой переменной, например $scope.newVar = details, а затем в представлении ура вы можете отобразить это, просто привязывая ее таким образом {{newVar}}.

Упование вы получили.