javascript - 如何更改 Angular Bootstrap-ui 单选按钮的 ng-model 属性？

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

但是控制台显示未定义。按钮点击如下所示:

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

如何读取和更改 bootstrap-ui 按钮的值？

引用文档: https://angular-ui.github.io/bootstrap/

Answer 1

如果您使用 angularjs，则需要使用 $log 而不是标准 console.log。

例如:$log.debug($scope.radioModel);。

并且不要忘记在 Controller 中注入(inject) $log 服务!