Comment les données-lier un mvc vue partielle à l'aide de directives angularjs

J'ai le texte suivant angularjs directive:

app.directive("partnersInfoView", function ($http) {
    return {
        restrict: 'A',
        link: function ($scope, element) {
            $http.get("/home/PartnerInfoTab") //immediately call to retrieve partial
              .success(function (data) {
                  element.html(data);  //replace insides of this element with response
              });
        }
    };
});

qui, fondamentalement, se rend à un contrôleur MVC et renvoie une vue partielle

public ActionResult PartnerInfoTab()
{
    return PartialView("../ManagePartners/PartnerInfoTab");
}

dans la vue parent j'ai la déclaration suivante:

<div id="genericController" ng-controller="GenericController">
    <div partners-info-view></div>
</div> 

qui rend l'utilisation de l'angle de la directive pour le rendu de la vue partielle, jusqu'à présent, tout fonctionne très bien. À l'intérieur de mon angulaire genericController j'ai une portée variable:

$scope.Data = data;

où les données c'est un objet json qui vient comme réponse à partir d'un Service Rest

Réponse Json par exemple

{[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]}

La question de la gi est que je ne peut pas lier le $scope.Variable de données dans la directive modèle:

 <div id="PartnerInfoTab">
    <div class="form-group">
        <label class="col-md-2 control-label">Name</label>
        <div class="col-md-8">
            <input id="txt_name" class="form-control" type="text" ng-model="Data.firstName">
        </div>
    </div>
</div>

Ma question est, Comment voulez-vous passer le parent portée à l'angle de la directive afin d'être en mesure de données-lier les éléments dans la vue partielle. Ce qui me manque ??

Merci d'avance.

OriginalL'auteur Jonnathan Molina Prada | 2015-05-23