How to pass an object from a view to a controller in ionic -
i pass object view controller , don't know ow ...
the object checked musics :
<label class="item item-input" id="lbl-name-playlist"> <input ng-model="nom" type="text" placeholder="nom de la playlist"> </label> <div class="list"> <ion-list ng-repeat="lamusique in lesmusiques" ng-model="lamusique"> <ion-checkbox class="item" ng-model="ischecked">{{lamusique.titre}} - {{lamusique.artiste}}</ion-checkbox> </ion-list> </div> <button class="button button-full button-balanced" ng-click="createplaylist(nom, lamusique)">enregistrer</button>
and controller :
$scope.createplaylist = function(nomplaylist, lamusique){ var nom = nomplaylist; //console.log(nom); var lesmusiquesselectionnees = lamusique; console.log(lamusique); };
console.log(lamusique) show me "undefinied" ...
maybe should write function run every time click checkbox , detect if true or false , if true add lamusique.titre array in scope.
something this:
label class="item item-input" id="lbl-name-playlist"> <input ng-model="nom" type="text" placeholder="nom de la playlist"> </label> <div class="list"> <ion-list ng-repeat="lamusique in lesmusiques"> <ion-checkbox class="item" ng-model="ischecked" ng-click="clickedcheckbox(lamusique, ischecked)">{{lamusique.titre}} - {{lamusique.artiste}}</ion-checkbox> </ion-list> </div> <button class="button button-full button-balanced" ng-click="createplaylist(nom)">enregistrer</button>
and in controller:
$scope.musiqueselected = []; $scope.createplaylist = function(nomplaylist){ var nom = nomplaylist; //console.log(nom); var lesmusiquesselectionnees = $scope.musiqueselected; console.log($scope.musiqueselected); } $scope.clickedcheckbox = function(item, ischecked) { if (ischecked) { //in item contains current selected object //as per need use var selectedname = item.titre; //add table if selected $scope.musiqueselected.push(selectedname); } }
Comments
Post a Comment