如何更改angular bootstrap-ui單選按鈕的ng模型的屬性？

Question

我的HTML看起來像這樣：

<div class="btn-group"> 
     <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Topics'" ng-click="buttonClick('Topics');">Topics</label> 
     <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'People'" ng-click="buttonClick('Person');">People</label> 
     <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Companies'" ng-click="buttonClick('Company');">Companies</label> 
     <label class="btn btn-primary" ng-model="radioModel" uib-btn-radio="'Organizations'" ng-click="buttonClick('Organization');">Organizations</label> 
</div> 

我試圖打印這些按鈕的值，當我點擊它們。根據ng-click功能，我把下面的語句：

console.log($scope.radioModel); 

但是控制檯說：undefined。 buttonClick如下圖所示：

$scope.buttonClick = function (index) { 
    if (index == "Topics") { 
     $scope.update_cloud_keywords(); 
     console.log($scope.radioModel); 

    } 
    else if (index == "Person") { 
     $scope.update_cloud_entities("Person"); 
     console.log($scope.radioModel); 
    } 
    else if (index == "Company") { 
     $scope.update_cloud_entities("Company"); 
     console.log($scope.radioModel); 
    } 
    else if (index == "Organization") { 
     $scope.update_cloud_entities("Organization"); 
     console.log($scope.radioModel); 
    } 
    else 
     console.log("error"); 
}; 

我怎樣才能讀取和改變引導的UI按鈕的價值？

參考文獻： https://angular-ui.github.io/bootstrap/

Answer 1

如果使用angularjs，你需要使用$log而不是非標準console.log。例如：$log.debug($scope.radioModel);。

並且不要忘記在您的控制器中注入$log服務！