Directive Directive Angularjs Binding ne fonctionne pas
-
20-12-2019 - |
Question
J'essaie de créer une directive pour un groupe déroulant.
Cependant, la liaison de données ne fonctionne pas correctement.
Le problème est : la variable par défaut ne reçoit pas la valeur de HTML et la valeur de l'élément n'a pas pu être chargée aussi.
Voici le code de la directive:
app.directive 'addquestionbutton', ()->
restrict: 'E'
replace: true
scope:
default: '@'
dropdown: '='
addQuestionClick: '&'
template:
'<div class="bottom-buttons-container">' +
'<div class="add-item">' +
'<div class="btn-group dropup">' +
'<button type="button" class="btn btn-default btn-md" id="btnSelect" ng-click="addQuestionClick(default)">Add item</button>' +
'<button type="button" class="btn btn-info btn-md dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>' +
'<ul class="dropdown-menu">' +
'<li ng-repeat="item in dropdown">' +
'<a ng-click="addQuestionClick(item)">{{item}}</a></li></ul></div></div></div>'
Voici le code HTML:
<addquestionbutton default='Text' add-question-click="addItem(item)" dropdown="dropdownitems"></addquestionbutton>
La solution
Il vous suffit de spécifier le paramètre dans votre appel de fonction.Voir cette question connexe: Méthode d'appel du contrôleur parent d'unDirective en angularjs
<button ng-click="addQuestionClick({item: default})" type="button" class="btn btn-default btn-md" id="btnSelect" >
...
<li ng-repeat="item in dropdown">
<a ng-click="addQuestionClick({item: item})">{{item}}</a>
</li>
Voici une démonstration de travail: http://plnkr.co/edit/pqbp4c4x4riwmn5zha7i?p= Aperçu
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow