AngularJS-Direktive für ein multi-select -
Ich habe Probleme beim ausfüllen meiner multi-select. Ich bin mit dieser version der multi-select - http://davidstutz.github.io/bootstrap-multiselect/
Ich habe mir bei diesem stack overflow Seite ( Wie kann ich Bootstrap-Multiselect Dropdown in AngularJS ), aber ich habe noch immer Probleme. Ich versuche mich zu füllen meine multi-select mit Daten, die ich schnappen von einer Datenbank, die gespeichert wird in provData.
Hier ist mein html:
<div class="col-sm-8">
<select class="form-control" multiple ht-multi-select ng-model="patient.provid" ng-options="prov.id as prov.code for prov in provData">
<option value="{{prov.id}}">{{prov.code}}</option>
</select>
</div>
Hier ist meine Richtlinie:
templates.directive('htMultiSelect', function() {
return {
replace: true,
require: 'ngModel',
scope: {},
link:function(scope, element, attrs) {
console.log($(element));
console.log('hit');
//Below setup the dropdown:
$(element).multiselect({
enableClickableOptGroups: true
});
//Below maybe some additional setup
scope.$watch(attrs.ngModel, function () {
$(element).multiselect('refresh');
});
}
};
});
Mein Hauptproblem ist, ich kann nicht Auffüllen, mein multi-select mit Daten aus provData und ich kann es nicht einstellen das ng-Modell. Jede Hilfe wird sehr geschätzt.
- kann u erstellen Sie eine plunker mit deinem Beispiel?
- was ist der Sinn der Richtlinie? auch das Modell sein wird, das Objekt aus dem array, nicht die id des Objekts. plnkr.co/Bearbeiten/CPhENXYXP7csvW00up2I?p=Album Vorhören
- Ich denke, was ich will, ist eine select-box, die Checkboxen in es. Die select-box mit Dynamik, so kann ich nicht nur fest in der einige Anbieter. Also wenn ich ein select-Feld mit Checkboxen in ihm, dass alle speichert, um ein ng-model so, wie ich Sie später benutzen können, ich werde ein glücklicher Mann sein.
- Haben Sie verwenden, um ein <select> ? Ich würde dir empfehlen, einfach ein div mit einem label und einer checkbox. Funktioniert diese Hilfe? stackoverflow.com/questions/14514461/...
- Ich würde es vorziehen, um eine select-box, weil provData könnte wahnsinnig groß, und ich will nicht zu unübersichtlich die Seite.
- Sie können ganz einfach fügen Sie die gleiche Art von Verhalten in sich selbst. das Wesen, das eine scrollbare Raum. dies macht Sinn: jsfiddle.net/MitulP91/xEy9E/3
Du musst angemeldet sein, um einen Kommentar abzugeben.
Basierend auf Rashim blog, das ist, was ich versucht habe in Plunke.
https://rashimuddin.wordpress.com/2014/07/08/multi-select-drop-down-in-angularjs/
Check this out
http://plnkr.co/edit/y8VOlgeSMOqHjFxoZU1L?p=preview
enter code here
HTML
Winkel-Richtlinie wäre
Richtlinie geht so
app.Richtlinie('dropdownMultiselect', function() {
return {
restrict: 'A',
scope: {
Artikel: "=",
selectedItems: "=",
maxSelection: "=",
validateFire: "=",
onValidation: '&',
onClose: '&'
},
Vorlage: "" +
"" +
"Add" +
"" +
"" +
"" +
"" +
"Alle" +
"None" +
"" +
"
" +
"" +
" " +
"{{Element.Name}}" +
"" +
"" +
"",
controller: function($scope) {
$Umfang.handleClick = function($event) {
$event.stopPropagation();
};
$Umfang.status = {
isopen: false
};
$Umfang.status = {
isopen: false
};
};
});`