AngularJs+TypeScript: How to implement if else condition in Angular Controller -


i trying implement if else condition in angular controller.i have taken dropdown , on index change binding drop down.i have tried ng-if hide whole dropdown want dropdown visible .here html code:-

<div data-ng-app="customernew" data-ng-controller="createcustomerctrl custom" ng-init="getformdata();"> <table style="width: 144% ! important;" class="tablestyle1" id="table1" cellspacing="0" cellpadding="2" border="0">     <tr>         <td>billing type:</td>         <td>             <select id="listbillingtype" ng-change="listbillingtypeselectedindexchange(custom.listbillingtype)" data-ng-options="blngtype blngtypee (blngtype,blngtypee) in listbillingtype" data-ng-model="custom.listbillingtype" style="width: 182px !important; height: 34px;">                 <option value="">choose option {{optional ? '(optional)' : ''}}</option>             </select>         </td>     </tr>

another dropdown trying populate on basis of above dropdown index.

<tr>     <td nowrap style="height: 26px">parent account:</td>     <td style="height: 26px">         <select id="listparentaccount" data-ng-options="prntact prntact.accountnumber +' - '+ prntact.fullname prntact in listparentaccount" ng-model="custom.listparentaccount" style="width: 182px !important; height: 34px;">             <option value="">choose option {{optional ? '(optional)' : ''}}</option>         </select>     </td> </tr>

here controller

module customernew.controllers {     export class createcustomerctrl {         static $inject = ['$scope', '$http', '$templatecache'];         debugger;         constructor(protected $scope: icustomerscope,         protected $http: ng.ihttpservice,         protected $templatecache: ng.itemplatecacheservice) {             $scope.listbillingtypeselectedindexchange = this.listbillingtypeselectedindexchange;         }         public listbillingtypeselectedindexchange = (index) = > {             debugger;             var indexvalue = {                 billingtypesindex: index             }             if (index === "3" || index === "4" || index === "5") this.$http.put(dolistsalesindex, indexvalue).             success((data, status, headers, config) = > {                 debugger;                 this.$scope.listparentaccount = data["listparentaccount"];             }).             error((data, status) = > {                 debugger;                 console.log("in error:-in index");                 alert(data);             });         }     }

here want if selected index value 3,4,5 go api else return blank.

try

<table style="width: 144% ! important;" class="tablestyle1" id="table1" cellspacing="0" cellpadding="2" border="0">     <tr>         <td>billing type:</td>         <td ng-if="custom.listbillingtype !== '1'"> // if condition             <select id="listbillingtype" >                // options             </select>         </td>         <td ng-if="custom.listbillingtype === '1'"> // else condition             <select id="listbillingtype" >                // options             </select>         </td>         </tr>

Comments

Post a Comment

Popular posts from this blog

searchKeyword not working in AngularJS filter -

i writing app using angularjs on front end. want search through table word/field; 1 search box everything. according article here: http://hello-angularjs.appspot.com/searchtable can use filter: searchkeyword this. this code, , not working expected. <label>search: <input ng-model="searchkeyword"></label> <table ng-repeat="post in posts | orderby: sort | filter: searchkeyword"> <tr> <td> {{index(post)}} </td> <td> {{post.title}} </td> <td> {{post.author}} </td> <td> {{post.content}} </td> <td> {{post.date | date: "d/m/yyyy"}} </td> </tr> </table> what should do? thank you try this: controller $scope.posts = [ {title:'title one', author:'author one', content: 'content one'}, {title:'title two', author:'author two', content: 'cont...
Read more

sequelize.js - Sequelize: sort by enum cases -

i have model ( article ) field (the name type ) of type enum('source', 'translated') , return 1 article ordered type field. source articles should returned before translated articles. like: article.findone(order: [ { type: [ 'source', 'translated' ] } ]); unfortunately there appears no built-in solution sorting enums. instead have sort by case , couldn't find documentation on how sequelize. what conventional approach here? sorting case hard in sequelize, sort field (the second answer in linked post) should possible: order: sequelize.fn('field', sequelize.col('type'), 'source', 'translated') it's supported mysql far know though
Read more

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

i trying use following code create interactive gui changes color-space(hsv, rbg, grayscale etc) on event of button click. display opencv video in tkinter using multiprocessing being new python having problems multiprocessing , attempts on making gui change it's color space on button clicks hangs entire system. on it's implementation highly appreciated. thankyou. below code: import cv2 pil import image,imagetk import tkinter tk import numpy np multiprocessing import process , queue def quit_it(root,process): root.destroy() process.terminate() def black_andwhite(root,process): process.terminate p=process(target=capture_image, args=(5,queue, )) p.start() root.after(0, func=lambda: update_all(root, image_label, queue)) def update_image(image_label, queue): frame = queue.get() = image.fromarray(frame) b = imagetk.photoimage(image=a) image_label.configure(image=b) image_label._image_cache = b root.update() def update_all(root...
Read more