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
Vous devez vous connecter pour publier un commentaire.
Ce qui vous manque est probablement compilation de votre modèle. Ce que vous avez à faire est d'utiliser
$compile
service dans votresuccess
gestionnaire:OriginalL'auteur Bartosz Gościński