如何在http.get（）方法成功上爲div設置類col-sm

Question

我有這個html頁面，其中我擁有4個模板，每個模板的菜單都作爲頂部的選項卡給出。 我想更改col-sm-4中的製表符（div）的寬度，以允許在http.get（）方法返回true（即成功）時說col-sm-6。

<div class="row"> 

     <div class="col-sm-3 bg-success" ng-click="go('/AddBook')"> 
      <h2>Add a Book</h2> 
     </div> 

     <div class="col-sm-3 bg-info" ng-click="go('/SearchBook')"> 
      <h2>Search a Book</h2> 
     </div> 

     <div class="col-sm-3 bg-success" 
      ng-click="getAllBooks(); go('/ViewAllBooks')"> 
      <h2>View All Books</h2> 
     </div> 

     <div class="col-sm-3 bg-info" ng-click="go('/RequestBook')"> 
      <h2>Request a Book</h2> 
     </div> 

    </div> 

這裏是HTML頁面的快照....

現在當http.get（）方法成功，我想改變searchbook，請求書的寬度和查看所有書更改..

Answer 1

在https://docs.angularjs.org/api/ng/service/$http#get

閱讀$ HTTP文件在[配置]你可以通過成功和錯誤的功能。

就像這樣：

get(url, 
    function(data){ 
     $scope.getSuccessful = true; 
    }, 
    function(errorData){ 
     $scope.getSuccessful = false; 
    } 
); 

的號召，成功/錯誤後，應調用。然後在html中設置該類的值。

<div class="{{getSuccessful ? 'col-md-2' : 'col-md-10'}}" ng-click="go('/RequestBook')"> 
    <h2>Request a Book</h2> 
</div> 

Answer 2

嗨，你可以噸有點像。

ng-class="{ 'col-md-6' : expression }" 

檢查文檔此https://docs.angularjs.org/api/ng/directive/ngClass

Answer 3

戴上承諾上http.get（），併成功分配真值的範圍變量，然後在UI使用毫微級由adeel_s

說