angularjs - show checkbox elements of an array of checkboxes -


i have got set of radiobuttons , array of checkboxes. when click radiobutton1 should load first checkbox element array , when click radiobutton2 should load remaining 3 checkbox elements array.but shows 4 checkboxes in both cases. tried this.

in html

    <form>     <label class="radio-inline" >     <input value="1" type="radio" ng-model="radioption" >rb1</label>     <label class="radio-inline">     <input value="2" type="radio" ng-model="radioption" >rb2</label>      <div class="">     <label ng-repeat="channel in channels | filter:myfilter" >     <input  type="checkbox" name="selectedchannels[]"   value="{{channel.value}}"                    ng-model="channel.selected"  >{{channel.name}}     </label></div>      </form>

in controller

app.controller('reportcontroller', ['$scope', 'report',  function($scope, report){           var self = this; $scope.channels = [{ name: 'a', selected: false, value: '1',visible:false },                    { name: 'b', selected: false, value: '2' ,visible:false},                    { name: 'c', selected: false, value: '3' ,visible:false},                    { name: 'd', selected: false, value: '4' ,visible:false}                   ];     $scope.selection = [];          $scope.selectedchannels = function selectedchannels() {          return report($scope.channels, { selected: true } );         };          $scope.$watch('channels|filter:{selected:true}', function (new) {          $scope.selection = new.map(function (channel) {               return channel.value;             });           }, true);            $scope.myfilter = function(){           if ($scope.radioption == '1'){                 return $scope.channels[0].visible = true;         }      else if ($scope.radioption == '2'){                 return [$scope.channels[1],{ visible: true },                        $scope.channels[2],{ visible: true },                        $scope.channels[3],{ visible: true }];         }         });  }]);

i think should approach problem differently if want use filter try this

$scope.myfilter = function (channel) {     if ($scope.radioption == 1) {         if (channel.name == 'a') {             return true;         }         else {             return false;         }     }     else if ($scope.radioption == 2) {          if (channel.name == 'a') {             return false;         }         else {             return true;         }     }     else {         return false;     } }

or can add radioption column channels array 

$scope.channels = [{ name: 'a', selected: false, value: '1', radioption: 1 },            { name: 'b', selected: false, value: '2', radioption: 2 },            { name: 'c', selected: false, value: '3', radioption: 2 },            { name: 'd', selected: false, value: '4', radioption: 2 } ];

and use ng-show

<input type="checkbox" ng-show="channel.radioption == radioption" name="selectedchannels[]" value="{{channel.value}}"    ng-model="channel.selected">{{channel.name}}

Comments

Post a Comment

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

i using winscp .net assembly uploading files. want upload multiple files asynchronous way. have created method works single upload. public class uploadingdata { private sessionoptions _sessionoptions; private session _session; //connection etc private void onconnected() { foreach (var fileinfo in localfileslist) { var task = task.factory.startnew(() => uploadfilesasync(fileinfo)); } } private async task uploadfilesasync(string file) { string remotefilepath = _session.translatelocalpathtoremote(file, @"/", "/test_data_upload"); var uploading = _session.putfiles(file, remotefilepath, false); //when done await task.run(() => thread.sleep(1000)); } } please suggest me correct way. thanks you can use backgroundworker class this: string[] images = new string[50]; foreach (var path in images) { backgroundworker
Read more

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more