2015-07-13 66 views
1

我想實現一個if else條件角控制器。我採取了下拉和其索引更改我綁定我的另一個下降。我試過NG-如果太多,但它會隱藏整個下拉,我想下拉可見。這裏是我的html代碼: -AngularJs + TypeScript:如何實現如果條件在角控制器

<div data-ng-app="CustomerNew" data-ng-controller="CreateCustomerCtrl as 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 as blngtypee for (blngtype,blngtypee) in listBillingType" data-ng-model="custom.listBillingType" style="width: 182px !important; height: 34px;"> 
       <option value="">Choose an option {{optional ? '(optional)' : ''}}</option> 
      </select> 
     </td> 
    </tr> 

我正努力以填充上述下拉指數的基礎上,另一種下拉。

<tr> 
    <td nowrap style="height: 26px">Parent Account:</td> 
    <td style="height: 26px"> 
     <select id="listParentAccount" data-ng-options="prntact as prntact.AccountNumber +' - '+ prntact.FullName for prntact in listParentAccount" ng-model="custom.listParentAccount" style="width: 182px !important; height: 34px;"> 
      <option value="">Choose an option {{optional ? '(optional)' : ''}}</option> 
     </select> 
    </td> 
</tr> 

這裏是我的控制器

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); 
      }); 
     } 
    } 

在這裏,我想,如果選擇的索引值3,4,5不僅僅是它會去我的API否則將返回空白。

+0

哪個地方你把ng-if? –

+0