Доступ к форме области ng повторить в новом модальном

Question

Я пытаюсь создать модальный, который откроет основное чтение статей, однако я не могу получить область видимости. Прямо сейчас JSON-файл - это всего лишь отрывок, в конце концов это будет полная статья, так что дело в том, когда вы нажимаете читать дальше, он покажет полную статью.

Вот плункер моего.

http://plnkr.co/edit/OTf2179YNnNq2O1Ue18Z?p=preview

Это, очевидно, не хватает много стайлинга и т.д., я просто хотел, чтобы получить основу этого там.

Я знаю, что ng-repeat создает новую область видимости, поэтому я должен иметь доступ к этой области, чтобы получить то, что хочу, но я бил головой о стену, пытаясь выяснить, как получить эту область , Я прочитал несколько связанных вопросов, однако все они используют либо Bootstrap modal, либо похожий, и я, похоже, не вижу соответствующего кода.

Любые идеи?

EDIT:

Проходя статью через функцию openArticle правильно связывает статью, однако она по-прежнему не появляется в модальной.

app.controller('ArticleListCtrl', function($scope, $http, researchArticleModal) { 
    $http.get('research/articles.json').success(function(data) { 
     $scope.articles = data; 

     $scope.openArticle = function(article) { 
      console.log(article); 
      $scope.fromFactory = researchArticleModal(); 
     } 
    }); 
}); 

Консоль записывает правильное название. Я обновил plnkr.

EDIT 2:

Я думаю, что проблема в том, что модальный создает свою собственную область действия, которая находится вне сферы действия контроллеров. Может ли это быть проблемой, с которой я столкнулся?

EDIT:

Таким образом, проблема, как представляется, что завод, который создает свой модальный создает свою собственную сферу. Я попытался ввести $ scope в завод, но это заставило ошибку, все равно не повезло.

Answer 1

Я бы порекомендовал вам передать статью в метод openArticle, который определен в родительской области.

ngClick футере была бы выглядеть так:

<footer><a href="" ng-click="$parent.openArticle(article)">Read More</a></footer> 

Затем можно установить свойство на Вашей области, равной текущей статьи, и использовать, чтобы отобразить в модальном диалоге.

app.controller('ArticleListCtrl', function($scope, $http, researchArticleModal) { 
$http.get('research/articles.json').success(function(data) { 
    $scope.articles = data; 


}); 
$scope.openArticle = function(article) { 
    console.log(article); 
    $scope.selectedArticle = article; 
    $scope.fromFactory = researchArticleModal(); 
} 

});

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

Как:

<div>{{selectedArticle.fullArticle}}</div> 

ли это смысл?

Answer 2

Разве вы не можете просто передать в статье в вашей openArticle функции() как

<a href="" ng-click="$parent.openArticle(article)">Read More</a>