jeudi 16 juin 2016

Injecting Multiple Angular Modules/Controllers onto Same Page

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. Currently, I am injecting ng-app into a div wrapper, with different locations. However, this does not allow the angular controllers and modules to work in unison 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