mercredi 15 juin 2016

Injecting Angular Controller into Drop Down Menu

I am trying to inject a new angular controller into a drop down menu, which is in a view primarily populated with another module and controller. So far it does not work, and I do not know why, necessarily. I am not using routing or anything like that, purely calling the controllers and modules in the html.I am not too sure where else to look. Here is snippet of my code:

<div ng-show="showme=='4'"> 
 <body>
  <div ng-app="app">
  <div class="container">
  <div ng-controller="ClientCtrl">
  <div class="datagrid">
  <table>  
   <thead> 
    <tr> 
     <th> Checks/Offers Received </th>
     <th> Disbursement </th>
     <th> Client Ins Settled Amount </th>
     <th> Case Fee Percentage</th>
    </tr>
   </thead>
  </table>
 </div>
</div>
</div>
</div>
</body>
<body>
<div ng-app="offer">
  <div class="container">
  <div ng-controller="OfferCtrl">
  <div class="datagrid">
  <table>  
   <tbody>
    <td>
     <div class="dropdown">
      <button class="dropbtn">Offers</button>
     <div class="dropdown-content">
      <li ng-repeat="offer in offers | filter:{clientid:clientId}">
       <input type="text" value="{{offer.offeramnt}}"/>
       <a href="#">Offer 2</a>
       <a href="#">Offer 3</a>
      </li>
     </div>
     </div>
    </td>
  </tbody>
 </table>
 </div>
 </div>
 </div>
 </div>
 </body>
 <body>
 <div ng-app="check">
  <div class="container">
  <div ng-controller="CheckCtrl">
  <div class="datagrid">
  <table>  
   <tbody>
    <td>
     <div class="dropdown">
      <button class="dropbtn">Checks</button>
      <div class="dropdown-content">
      <li ng-repeat="check in checks | filter:{clientid:clientId}">
       <input type="text" value="{{check.checkamount}}"/>
        <a href="#">Check 2</a>
        <a href="#">Check 3</a>
      </li>
     </div>
     </div>
    </td>
  </tbody>
</table>
</div>
</div>
</div>
</div>
</body>
<body>
<div ng-app="app">
  <div class="container">
  <div ng-controller="ClientCtrl">
  <div class="datagrid">
   <table>  
    <tbody>
     <tr>
      <td>
       <input type="string"  value=" {{client.checksreceived}}"/>
      </td>
      <td>
       <input type="text"  value="{{client.clientinssettlesamnt}}"/>
      </td>
      <td>
       <input type="number"  value="{{client.casefeepercent}}"/>
      </td>
      </tr>
      </tbody>
      <thead>
      <tr> 
       <th> Adverse Settle Amount </th>
       <th> Case cost  </th>
       <th> Line Item Fees</th>
       <th> Loan Information </th>
      </tr>
    </thead>
    <tbody>
     <tr ng-repeat="client in clients | orderBy:'id' | filter:{id:clientId} | limitTo: 1 track by $index"">
       <td>
        <input type="numer"  value=" {{client.advsettleamnt}}"/>
       </td>
       <td>
        <input type="number"  value="{{client.Casecost}}"/>
       </td>
       <td>
        <input type="number"  value="{{client.lineitemfees}}"/>
       </td>
       <td>
        <input type="text"  value="{{client.bdf}}"/>
       </td>
       </tr>
     </tbody>
    </table>
   <button type="submit" ng-click="updateClient()"><strong>Update</strong></button>
 <a class="btn btn-primary" href="/intakeoffer/{{clientId}}">
 <strong>Add Offer</strong>
 </a>
 <a class="btn btn-primary" href="/intakecheck/{{clientId}}">
 <strong>Add check</strong>
 </a>
 </div>
 </div>
 </div>

Aucun commentaire:

Enregistrer un commentaire